From 3cafd7f3be2d51e68db52ce90670c6c0a028d43a Mon Sep 17 00:00:00 2001
From: Prachirb <prachibhatia24@yahoo.com>
Date: Mon, 26 Feb 2018 16:36:27 +0530
Subject: [PATCH 01/27] Primary header color chnaged, activity player header
 made reverted colors in comparison to primary header

---
 .../static/ndf/css/themes/clix/clix2017.css   | 1830 ++++++++---------
 .../ndf/static/ndf/scss/_clix2017.scss        |   35 +-
 2 files changed, 936 insertions(+), 929 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 42705c8313..5033875e0e 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
@@ -3,12 +3,12 @@
 */
 /*Blue color variable*/
 /*Orange color variables*/
-/* line 25, ../../../scss/_clix2017.scss */
+/* line 27, ../../../scss/_clix2017.scss */
 html {
   height: 100%;
 }
 
-/* line 28, ../../../scss/_clix2017.scss */
+/* line 30, ../../../scss/_clix2017.scss */
 body {
   background: #eefaff;
   height: 100%;
@@ -19,14 +19,14 @@ body {
   overflow-x: hidden;
 }
 
-/* line 40, ../../../scss/_clix2017.scss */
+/* line 42, ../../../scss/_clix2017.scss */
 h3 {
   font-size: 20px;
   color: #164A7B;
   font-family: 'OpenSans-Semibold';
 }
 
-/* line 46, ../../../scss/_clix2017.scss */
+/* line 48, ../../../scss/_clix2017.scss */
 h5 {
   color: #99aaba;
   font-size: 10px;
@@ -35,32 +35,32 @@ h5 {
   margin-left: 5px;
 }
 
-/* line 57, ../../../scss/_clix2017.scss */
+/* line 59, ../../../scss/_clix2017.scss */
 .overlay-head {
   background-color: #fff;
   height: 60px;
   margin-bottom: 20px;
 }
 
-/* line 64, ../../../scss/_clix2017.scss */
+/* line 66, ../../../scss/_clix2017.scss */
 .icon-widget {
   font-size: 24px;
 }
 
-/* line 69, ../../../scss/_clix2017.scss */
+/* line 71, ../../../scss/_clix2017.scss */
 .icon-color {
   color: #2e3f51 !important;
   padding: right;
 }
 
-/* line 74, ../../../scss/_clix2017.scss */
+/* line 76, ../../../scss/_clix2017.scss */
 .icon-wid {
   font-size: 34px;
   color: #a2b1be;
   margin-right: 10px;
 }
 
-/* line 80, ../../../scss/_clix2017.scss */
+/* line 82, ../../../scss/_clix2017.scss */
 .buddy-wid {
   font-size: 34px;
   color: #a2b1be;
@@ -69,46 +69,46 @@ h5 {
 }
 
 /* Landing page */
-/* line 91, ../../../scss/_clix2017.scss */
+/* line 93, ../../../scss/_clix2017.scss */
 .landing_page {
   position: relative;
   text-align: center;
 }
-/* line 96, ../../../scss/_clix2017.scss */
+/* line 98, ../../../scss/_clix2017.scss */
 .landing_page .panel {
   background-color: inherit;
   border: none;
 }
-/* line 101, ../../../scss/_clix2017.scss */
+/* line 103, ../../../scss/_clix2017.scss */
 .landing_page .landing_page_background {
   height: 100vh;
   width: 100%;
   position: absolute;
   z-index: -1;
 }
-/* line 109, ../../../scss/_clix2017.scss */
+/* line 111, ../../../scss/_clix2017.scss */
 .landing_page .clix_brief {
   text-align: left;
   padding: 20px 5%;
 }
-/* line 113, ../../../scss/_clix2017.scss */
+/* line 115, ../../../scss/_clix2017.scss */
 .landing_page .clix_brief img {
   margin: 30px 20px;
   height: 70px;
 }
 @media screen and (max-width: 450px) {
-  /* line 113, ../../../scss/_clix2017.scss */
+  /* line 115, ../../../scss/_clix2017.scss */
   .landing_page .clix_brief img {
     margin: 25px 10px;
     height: 55px;
   }
 }
-/* line 121, ../../../scss/_clix2017.scss */
+/* line 123, ../../../scss/_clix2017.scss */
 .landing_page .clix_brief p {
   color: #fff;
   font-weight: 300;
 }
-/* line 134, ../../../scss/_clix2017.scss */
+/* line 136, ../../../scss/_clix2017.scss */
 .landing_page .invitation_to_clix {
   background-color: rgba(255, 255, 255, 0.92);
   border-radius: 10px;
@@ -118,12 +118,12 @@ h5 {
   padding: 30px 40px 21px;
 }
 @media screen and (min-width: 1025px) {
-  /* line 134, ../../../scss/_clix2017.scss */
+  /* line 136, ../../../scss/_clix2017.scss */
   .landing_page .invitation_to_clix {
     margin: 30px;
   }
 }
-/* line 146, ../../../scss/_clix2017.scss */
+/* line 148, ../../../scss/_clix2017.scss */
 .landing_page .invitation_to_clix > span {
   color: #6658af;
   font-weight: bold;
@@ -132,26 +132,26 @@ h5 {
   display: inline-block;
   vertical-align: middle;
 }
-/* line 156, ../../../scss/_clix2017.scss */
+/* line 158, ../../../scss/_clix2017.scss */
 .landing_page .invitation_to_clix p {
   color: #b0108d;
   padding: 25px 0px 30px;
   font-weight: 300;
 }
-/* line 164, ../../../scss/_clix2017.scss */
+/* line 166, ../../../scss/_clix2017.scss */
 .landing_page .invitation_to_clix img {
   height: 30px;
 }
-/* line 167, ../../../scss/_clix2017.scss */
+/* line 169, ../../../scss/_clix2017.scss */
 .landing_page .invitation_to_clix form {
   margin-top: 30px;
 }
-/* line 170, ../../../scss/_clix2017.scss */
+/* line 172, ../../../scss/_clix2017.scss */
 .landing_page .invitation_to_clix form input {
   height: 45px;
   margin: 5px 0px 24px;
 }
-/* line 176, ../../../scss/_clix2017.scss */
+/* line 178, ../../../scss/_clix2017.scss */
 .landing_page .invitation_to_clix .flowers {
   left: 50px;
   height: 200px;
@@ -160,18 +160,18 @@ h5 {
   opacity: 0.6;
 }
 @media screen and (max-width: 450px) {
-  /* line 176, ../../../scss/_clix2017.scss */
+  /* line 178, ../../../scss/_clix2017.scss */
   .landing_page .invitation_to_clix .flowers {
     width: 100%;
   }
 }
 @media screen and (min-width: 451px) and (max-width: 1025px) {
-  /* line 176, ../../../scss/_clix2017.scss */
+  /* line 178, ../../../scss/_clix2017.scss */
   .landing_page .invitation_to_clix .flowers {
     width: 100%;
   }
 }
-/* line 191, ../../../scss/_clix2017.scss */
+/* line 193, ../../../scss/_clix2017.scss */
 .landing_page .invitation_to_clix .bees {
   position: absolute;
   top: 5px;
@@ -180,17 +180,17 @@ h5 {
   float: left;
 }
 @media screen and (max-width: 450px) {
-  /* line 191, ../../../scss/_clix2017.scss */
+  /* line 193, ../../../scss/_clix2017.scss */
   .landing_page .invitation_to_clix .bees {
     right: 15px;
     height: 50px;
   }
 }
-/* line 205, ../../../scss/_clix2017.scss */
+/* line 207, ../../../scss/_clix2017.scss */
 .landing_page .invitation_to_clix .landing-page-text {
   color: #6153ae;
 }
-/* line 213, ../../../scss/_clix2017.scss */
+/* line 215, ../../../scss/_clix2017.scss */
 .landing_page input.button {
   border-radius: 10px;
   text-transform: uppercase;
@@ -198,7 +198,7 @@ h5 {
   margin-top: 80px;
   background-color: rgba(255, 193, 78, 0.3);
 }
-/* line 223, ../../../scss/_clix2017.scss */
+/* line 225, ../../../scss/_clix2017.scss */
 .landing_page a.grey {
   color: #999;
   /*display: inline-block;
@@ -211,21 +211,21 @@ h5 {
 }
 
 /* Login Page */
-/* line 239, ../../../scss/_clix2017.scss */
+/* line 241, ../../../scss/_clix2017.scss */
 .login-page {
   position: relative;
   /*background: url(/static/ndf/images/login-background.png);*/
   background-size: 100% 100%;
   min-height: 100vh;
 }
-/* line 245, ../../../scss/_clix2017.scss */
+/* line 247, ../../../scss/_clix2017.scss */
 .login-page .login-page-opacity {
   height: 100%;
   width: 100%;
   position: absolute;
   opacity: 0.6;
 }
-/* line 257, ../../../scss/_clix2017.scss */
+/* line 259, ../../../scss/_clix2017.scss */
 .login-page .login-page-form {
   background-color: #fff;
   border-radius: 10px;
@@ -236,12 +236,12 @@ h5 {
   margin: 100px auto;
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
 }
-/* line 268, ../../../scss/_clix2017.scss */
+/* line 270, ../../../scss/_clix2017.scss */
 .login-page .login-page-form .login-page-header img {
   height: 80px;
   width: 280px;
 }
-/* line 272, ../../../scss/_clix2017.scss */
+/* line 274, ../../../scss/_clix2017.scss */
 .login-page .login-page-form .login-page-header span {
   display: block;
   text-transform: uppercase;
@@ -249,32 +249,32 @@ h5 {
   font-weight: 600;
   letter-spacing: 1px;
 }
-/* line 280, ../../../scss/_clix2017.scss */
+/* line 282, ../../../scss/_clix2017.scss */
 .login-page .login-page-form .login-captcha {
   margin: 10px 0;
 }
-/* line 283, ../../../scss/_clix2017.scss */
+/* line 285, ../../../scss/_clix2017.scss */
 .login-page .login-page-form .login-captcha > div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 287, ../../../scss/_clix2017.scss */
+/* line 289, ../../../scss/_clix2017.scss */
 .login-page .login-page-form .login-captcha .fi-refresh {
   color: #A0148E;
 }
-/* line 292, ../../../scss/_clix2017.scss */
+/* line 294, ../../../scss/_clix2017.scss */
 .login-page .login-page-form .login-captcha #captcha-content th {
   display: none;
 }
-/* line 295, ../../../scss/_clix2017.scss */
+/* line 297, ../../../scss/_clix2017.scss */
 .login-page .login-page-form .login-captcha #captcha-content td > input {
   display: inline-block;
 }
-/* line 298, ../../../scss/_clix2017.scss */
+/* line 300, ../../../scss/_clix2017.scss */
 .login-page .login-page-form .login-captcha #captcha-content td > input#id_captcha_1 {
   width: 130px;
 }
-/* line 305, ../../../scss/_clix2017.scss */
+/* line 307, ../../../scss/_clix2017.scss */
 .login-page .login-page-form .login-button .button {
   font-weight: 600;
   border-bottom: 3.5px solid #DADADA;
@@ -283,7 +283,7 @@ h5 {
   background-color: #a75692;
   border-color: #881378;
 }
-/* line 316, ../../../scss/_clix2017.scss */
+/* line 318, ../../../scss/_clix2017.scss */
 .login-page .login-page-form .explore-button .button {
   background-color: #B1B1B1;
   font-weight: 600;
@@ -292,26 +292,26 @@ h5 {
   padding: 9px;
   margin-top: 160px;
 }
-/* line 325, ../../../scss/_clix2017.scss */
+/* line 327, ../../../scss/_clix2017.scss */
 .login-page .login-page-form .explore-button .button:hover {
   background-color: #CC1AB5;
   border-color: #881378;
 }
-/* line 335, ../../../scss/_clix2017.scss */
+/* line 337, ../../../scss/_clix2017.scss */
 .login-page .login-page-form .forgot-password label {
   text-align: center;
   text-decoration: underline;
 }
-/* line 342, ../../../scss/_clix2017.scss */
+/* line 344, ../../../scss/_clix2017.scss */
 .login-page .login-page-form .register-user label {
   margin: 10px 0px 0px;
 }
-/* line 346, ../../../scss/_clix2017.scss */
+/* line 348, ../../../scss/_clix2017.scss */
 .login-page .login-page-form .register-user span {
   color: #A0148E;
 }
 
-/* line 355, ../../../scss/_clix2017.scss */
+/* line 357, ../../../scss/_clix2017.scss */
 .explore-button {
   border-radius: 5px;
   text-transform: uppercase;
@@ -323,14 +323,14 @@ h5 {
   border: 2px solid #6a0054;
   background-color: #6a0054;
 }
-/* line 366, ../../../scss/_clix2017.scss */
+/* line 368, ../../../scss/_clix2017.scss */
 .explore-button:hover {
   background-color: #ffffff;
   cursor: pointer;
   color: #6a0054;
 }
 
-/* line 374, ../../../scss/_clix2017.scss */
+/* line 376, ../../../scss/_clix2017.scss */
 .login-home-button {
   border-radius: 5px;
   text-transform: uppercase;
@@ -342,12 +342,12 @@ h5 {
   color: white;
   background-color: #a75692;
 }
-/* line 385, ../../../scss/_clix2017.scss */
+/* line 387, ../../../scss/_clix2017.scss */
 .login-home-button:hover {
   cursor: pointer;
 }
 
-/* line 393, ../../../scss/_clix2017.scss */
+/* line 395, ../../../scss/_clix2017.scss */
 .top-bar-second, .top-bar-second .name {
   height: 55px;
   background: #ddeff9;
@@ -355,34 +355,34 @@ h5 {
   margin-bottom: 30px;
 }
 
-/* line 403, ../../../scss/_clix2017.scss */
+/* line 405, ../../../scss/_clix2017.scss */
 .top-bar-second .title-area {
   box-shadow: 0px 0.6px 3px #000;
   z-index: 20;
   width: 100%;
 }
-/* line 408, ../../../scss/_clix2017.scss */
+/* line 410, ../../../scss/_clix2017.scss */
 .top-bar-second .name {
   text-align: center;
 }
-/* line 411, ../../../scss/_clix2017.scss */
+/* line 413, ../../../scss/_clix2017.scss */
 .top-bar-second .name .close-dropdown, .top-bar-second .name .side-bar-button {
   position: absolute;
   left: 15px;
   color: #fff;
   font-weight: 100;
 }
-/* line 421, ../../../scss/_clix2017.scss */
+/* line 423, ../../../scss/_clix2017.scss */
 .top-bar-second li.toggle-topbar i {
   color: #fff;
   display: inline-block;
   vertical-align: bottom;
 }
-/* line 429, ../../../scss/_clix2017.scss */
+/* line 431, ../../../scss/_clix2017.scss */
 .top-bar-second .top-bar-second-section ul li {
   background: #164A7B;
 }
-/* line 431, ../../../scss/_clix2017.scss */
+/* line 433, ../../../scss/_clix2017.scss */
 .top-bar-second .top-bar-second-section ul li > a {
   border-left: 3px solid transparent;
   border-bottom: 1px solid #4b5b6b;
@@ -391,31 +391,31 @@ h5 {
   font-weight: bold;
   letter-spacing: 0.5px;
 }
-/* line 442, ../../../scss/_clix2017.scss */
+/* line 444, ../../../scss/_clix2017.scss */
 .top-bar-second .top-bar-second-section ul li:hover > a, .top-bar-second .top-bar-second-section ul li.active > a {
   border-left-color: #ffc14e;
   color: #ce7869;
 }
-/* line 450, ../../../scss/_clix2017.scss */
+/* line 452, ../../../scss/_clix2017.scss */
 .top-bar-second .top-bar-second-section .dropdown li.parent-link a {
   display: none;
 }
-/* line 456, ../../../scss/_clix2017.scss */
+/* line 458, ../../../scss/_clix2017.scss */
 .top-bar-second .top-bar-second-section .side-bar-menu .add_buddy i {
   color: #2e3f51;
   background: #acd4fa;
 }
 
 @media screen and (min-width: 40.063em) {
-  /* line 467, ../../../scss/_clix2017.scss */
+  /* line 469, ../../../scss/_clix2017.scss */
   .top-bar-second .title-area {
     box-shadow: none;
   }
-  /* line 469, ../../../scss/_clix2017.scss */
+  /* line 471, ../../../scss/_clix2017.scss */
   .top-bar-second .title-area .name {
     text-align: right;
   }
-  /* line 476, ../../../scss/_clix2017.scss */
+  /* line 478, ../../../scss/_clix2017.scss */
   .top-bar-second .top-bar-second-section li:not(.has-form) a:not(.button) {
     cursor: pointer;
     background: transparent;
@@ -423,32 +423,32 @@ h5 {
     line-height: 52px;
     border-left-width: 0px;
   }
-  /* line 483, ../../../scss/_clix2017.scss */
+  /* line 485, ../../../scss/_clix2017.scss */
   .top-bar-second .top-bar-second-section li:not(.has-form) a:not(.button):hover {
     color: #ce7869;
     border-bottom: 3px solid #ffc14e;
   }
-  /* line 489, ../../../scss/_clix2017.scss */
+  /* line 491, ../../../scss/_clix2017.scss */
   .top-bar-second .top-bar-second-section li:not(.has-form).active a:not(.button) {
     color: #ce7869;
     border-bottom: 3px solid #ffc14e;
   }
-  /* line 497, ../../../scss/_clix2017.scss */
+  /* line 499, ../../../scss/_clix2017.scss */
   .top-bar-second .top-bar-second-section li:not(.has-form).has-dropdown a:not(.button):hover {
     color: #74b3dc;
     border-bottom: 0px;
   }
-  /* line 507, ../../../scss/_clix2017.scss */
+  /* line 509, ../../../scss/_clix2017.scss */
   .top-bar-second .top-bar-second-section li.active:not(.has-form) a:not(.button):hover {
     background: transparent;
   }
-  /* line 516, ../../../scss/_clix2017.scss */
+  /* line 518, ../../../scss/_clix2017.scss */
   .top-bar-second .top-bar-second-section .dropdown li:not(.has-form) > a:not(.button) {
     border-left-width: 2px;
     color: #74b3dc;
     background: #164A7B;
   }
-  /* line 523, ../../../scss/_clix2017.scss */
+  /* line 525, ../../../scss/_clix2017.scss */
   .top-bar-second .top-bar-second-section .dropdown li:not(.has-form):hover a:not(.button), .top-bar-second .top-bar-second-section .dropdown li:not(.has-form).active a:not(.button) {
     background: #164A7B;
     color: #74b3dc;
@@ -461,43 +461,43 @@ h5 {
   }
 }
 /*Overridding foundation css*/
-/* line 546, ../../../scss/_clix2017.scss */
+/* line 548, ../../../scss/_clix2017.scss */
 .top-bar, .top-bar .name {
   height: 52px;
-  background: #164A7B;
+  background: rgba(107, 0, 84, 0.97);
 }
 
-/* line 553, ../../../scss/_clix2017.scss */
+/* line 555, ../../../scss/_clix2017.scss */
 .top-bar .title-area {
   box-shadow: 0px 0.6px 3px #000;
   z-index: 20;
 }
-/* line 557, ../../../scss/_clix2017.scss */
+/* line 559, ../../../scss/_clix2017.scss */
 .top-bar .name {
   text-align: center;
 }
-/* line 560, ../../../scss/_clix2017.scss */
+/* line 562, ../../../scss/_clix2017.scss */
 .top-bar .name .close-dropdown, .top-bar .name .side-bar-button {
   position: absolute;
   left: 15px;
   color: #fff;
   font-weight: 100;
 }
-/* line 569, ../../../scss/_clix2017.scss */
+/* line 571, ../../../scss/_clix2017.scss */
 .top-bar li.toggle-topbar i {
   color: #fff;
   display: inline-block;
   vertical-align: bottom;
 }
-/* line 577, ../../../scss/_clix2017.scss */
+/* line 579, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul.left li {
-  border-right: 2px solid #16539f;
+  border-right: 2px solid rgba(107, 0, 84, 0.97);
 }
-/* line 580, ../../../scss/_clix2017.scss */
+/* line 582, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li {
-  background: #164A7B;
+  background: rgba(107, 0, 84, 0.97);
 }
-/* line 584, ../../../scss/_clix2017.scss */
+/* line 586, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li > a {
   color: #ffffff;
   line-height: 40px;
@@ -508,11 +508,11 @@ h5 {
   font-family: "OpenSans-Regular";
   font-size: 16px;
 }
-/* line 596, ../../../scss/_clix2017.scss */
+/* line 598, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li:hover > a {
   color: #fff;
 }
-/* line 606, ../../../scss/_clix2017.scss */
+/* line 608, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li input {
   color: #74b3dc;
   background: #164A7B;
@@ -520,49 +520,49 @@ h5 {
   font-size: 15px;
   letter-spacing: 1.4px;
 }
-/* line 614, ../../../scss/_clix2017.scss */
+/* line 616, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li input:hover {
   color: white;
   border-left: 4px solid #ffc14e;
   background: #164A7B;
 }
-/* line 621, ../../../scss/_clix2017.scss */
+/* line 623, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li .lang-font {
   font-family: "OpenSans-Light";
   font-size: 14px;
 }
-/* line 628, ../../../scss/_clix2017.scss */
+/* line 630, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li.active {
   color: #fff;
 }
-/* line 633, ../../../scss/_clix2017.scss */
+/* line 635, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li.active > a {
   color: #fff;
 }
-/* line 641, ../../../scss/_clix2017.scss */
+/* line 643, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section .dropdown li.parent-link a {
   display: none;
 }
-/* line 648, ../../../scss/_clix2017.scss */
+/* line 650, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section .side-bar-menu .add_buddy i {
   color: #2e3f51;
   background: #acd4fa;
 }
 
 @media screen and (min-width: 40.063em) {
-  /* line 659, ../../../scss/_clix2017.scss */
+  /* line 661, ../../../scss/_clix2017.scss */
   .top-bar .title-area {
     box-shadow: none;
   }
-  /* line 661, ../../../scss/_clix2017.scss */
+  /* line 663, ../../../scss/_clix2017.scss */
   .top-bar .title-area .name {
     text-align: right;
   }
-  /* line 666, ../../../scss/_clix2017.scss */
+  /* line 668, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section ul.left li > a {
     padding: 0px 20px;
   }
-  /* line 668, ../../../scss/_clix2017.scss */
+  /* line 670, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section ul.left li > a.active {
     color: #fff;
     font-size: 17px;
@@ -570,7 +570,7 @@ h5 {
     margin-top: -3px;
     border-bottom: 3px solid #ffc14e;
   }
-  /* line 678, ../../../scss/_clix2017.scss */
+  /* line 680, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section li:not(.has-form) a:not(.button) {
     cursor: pointer;
     background: transparent;
@@ -579,24 +579,24 @@ h5 {
     border-left-width: 0px;
     font-family: OpenSans-Regular;
   }
-  /* line 688, ../../../scss/_clix2017.scss */
+  /* line 690, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section li:not(.has-form).active a:not(.button) {
     color: #fff;
     font-family: OpenSans-Bold;
     font-size: 18px;
   }
-  /* line 699, ../../../scss/_clix2017.scss */
+  /* line 701, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section li:not(.has-form).has-dropdown a:not(.button) a:not(.not-click):hover {
     color: #74b3dc;
     border-bottom: 0px;
     border-left: 3px solid #ffc14e;
   }
-  /* line 711, ../../../scss/_clix2017.scss */
+  /* line 713, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section li.active:not(.has-form) a:not(.button):hover {
     background: transparent;
     color: #fff;
   }
-  /* line 719, ../../../scss/_clix2017.scss */
+  /* line 721, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section .profile-menu > a svg {
     height: 52px;
     width: 52px;
@@ -604,13 +604,13 @@ h5 {
     background: #fff;
     margin-right: 15px;
   }
-  /* line 730, ../../../scss/_clix2017.scss */
+  /* line 732, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section .dropdown li:not(.has-form) > a:not(.button) {
     border-left-width: 2px;
     color: #74b3dc;
     background: #164A7B;
   }
-  /* line 738, ../../../scss/_clix2017.scss */
+  /* line 740, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section .dropdown li:not(.has-form):hover a:not(.button), .top-bar .top-bar-section .dropdown li:not(.has-form).active a:not(.button) {
     background: #164A7B;
     color: #50c2fa;
@@ -623,35 +623,35 @@ h5 {
   }
 }
 /*Custom css*/
-/* line 759, ../../../scss/_clix2017.scss */
+/* line 761, ../../../scss/_clix2017.scss */
 [class*="column"] + [class*="column"]:last-child {
   float: left;
 }
 
-/* line 763, ../../../scss/_clix2017.scss */
+/* line 765, ../../../scss/_clix2017.scss */
 .icons-medium {
   line-height: 23px;
   vertical-align: sub;
 }
 
-/* line 768, ../../../scss/_clix2017.scss */
+/* line 770, ../../../scss/_clix2017.scss */
 .icons-large {
   line-height: 45px;
 }
 
-/* line 773, ../../../scss/_clix2017.scss */
+/* line 775, ../../../scss/_clix2017.scss */
 .round-icon {
   border-radius: 100%;
   height: 20px;
   padding: 2px 5px;
 }
 
-/* line 780, ../../../scss/_clix2017.scss */
+/* line 782, ../../../scss/_clix2017.scss */
 .hide {
   display: none !important;
 }
 
-/* line 783, ../../../scss/_clix2017.scss */
+/* line 785, ../../../scss/_clix2017.scss */
 .badge {
   display: inline-block;
   height: 21px;
@@ -660,19 +660,19 @@ h5 {
   line-height: 21px;
   text-align: center;
 }
-/* line 792, ../../../scss/_clix2017.scss */
+/* line 794, ../../../scss/_clix2017.scss */
 .badge.badge-blue {
   background-color: #74b3dc;
   color: #fff;
 }
 
-/* line 800, ../../../scss/_clix2017.scss */
+/* line 802, ../../../scss/_clix2017.scss */
 #menu_bar_gstudio .user-profile-pic-small {
   height: 46px;
   width: 46px;
   margin: 0px 10px;
 }
-/* line 806, ../../../scss/_clix2017.scss */
+/* line 808, ../../../scss/_clix2017.scss */
 #menu_bar_gstudio .loggedin-user {
   # background: #505e6c;
   border-radius: 100%;
@@ -682,18 +682,18 @@ h5 {
   margin: 5px 5px 0px 5px;
   overflow: hidden;
 }
-/* line 816, ../../../scss/_clix2017.scss */
+/* line 818, ../../../scss/_clix2017.scss */
 #menu_bar_gstudio .loggedin-user img {
   height: 100%;
   width: 100%;
 }
 
 /*  group_list */
-/* line 823, ../../../scss/_clix2017.scss */
+/* line 825, ../../../scss/_clix2017.scss */
 .group_breadcumbs {
   color: #6e8ba6;
 }
-/* line 825, ../../../scss/_clix2017.scss */
+/* line 827, ../../../scss/_clix2017.scss */
 .group_breadcumbs a {
   display: inline-block;
   margin: 15px auto;
@@ -701,7 +701,7 @@ h5 {
   letter-spacing: 1px;
 }
 
-/* line 833, ../../../scss/_clix2017.scss */
+/* line 835, ../../../scss/_clix2017.scss */
 .group_tile {
   height: 300px;
   background: url(/static/ndf/images/group-tile.png) no-repeat;
@@ -712,34 +712,34 @@ h5 {
   cursor: pointer;
   box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4);
 }
-/* line 842, ../../../scss/_clix2017.scss */
+/* line 844, ../../../scss/_clix2017.scss */
 .group_tile:hover {
   opacity: 0.7;
 }
-/* line 845, ../../../scss/_clix2017.scss */
+/* line 847, ../../../scss/_clix2017.scss */
 .group_tile .group-name {
   font-weight: 700;
   font-size: 24px;
   letter-spacing: 1.1px;
   text-shadow: 0px 0px 7px rgba(46, 63, 81, 0.7);
 }
-/* line 852, ../../../scss/_clix2017.scss */
+/* line 854, ../../../scss/_clix2017.scss */
 .group_tile .group_desc {
   letter-spacing: 0.5px;
 }
 
 /* curriculum */
-/* line 859, ../../../scss/_clix2017.scss */
+/* line 861, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio {
   margin: 0px;
   height: 44px;
 }
-/* line 862, ../../../scss/_clix2017.scss */
+/* line 864, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio > li {
   display: inline-block;
   height: 100%;
 }
-/* line 865, ../../../scss/_clix2017.scss */
+/* line 867, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio > li > a {
   color: #ce7869;
   padding: 8px 20px 7.5px;
@@ -747,15 +747,15 @@ ul.horizontal_tabs_gstudio > li > a {
   border-bottom: 3px solid transparent;
   letter-spacing: 0.3px;
 }
-/* line 873, ../../../scss/_clix2017.scss */
+/* line 875, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio > li > a.selected, ul.horizontal_tabs_gstudio > li > a:hover {
   border-bottom: 4px solid #ffc14e;
 }
-/* line 877, ../../../scss/_clix2017.scss */
+/* line 879, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio > li.sub_group_action {
   position: relative;
 }
-/* line 879, ../../../scss/_clix2017.scss */
+/* line 881, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio > li.sub_group_action > ul {
   position: absolute;
   top: 50px;
@@ -766,27 +766,27 @@ ul.horizontal_tabs_gstudio > li.sub_group_action > ul {
   background: #fff;
   box-shadow: 0px 1px 6px 1px #ccc;
 }
-/* line 889, ../../../scss/_clix2017.scss */
+/* line 891, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio > li.sub_group_action > ul li {
   list-style: none;
   white-space: nowrap;
   padding: 15px 15px;
 }
-/* line 894, ../../../scss/_clix2017.scss */
+/* line 896, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio > li.sub_group_action > ul li:hover {
   background: #d6f2fe;
 }
-/* line 900, ../../../scss/_clix2017.scss */
+/* line 902, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   display: block;
 }
 
-/* line 907, ../../../scss/_clix2017.scss */
+/* line 909, ../../../scss/_clix2017.scss */
 .max-width {
   max-width: 100%;
 }
 
-/* line 912, ../../../scss/_clix2017.scss */
+/* line 914, ../../../scss/_clix2017.scss */
 .group_content .group_banner {
   transition: all 1s ease;
   -webkit-transition: all 1s ease;
@@ -797,7 +797,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   margin-bottom: -70px;
   -webkit-box-shadow: 0px 0px 5px 5px #C9C9C;
 }
-/* line 921, ../../../scss/_clix2017.scss */
+/* line 923, ../../../scss/_clix2017.scss */
 .group_content .group_header {
   height: 45px;
   padding-bottom: 5px;
@@ -814,7 +814,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0049667a', endColorstr='#8049667a',GradientType=0 );
   /* IE6-9 */
 }
-/* line 934, ../../../scss/_clix2017.scss */
+/* line 936, ../../../scss/_clix2017.scss */
 .group_content .group_header .group_title {
   font-size: 28px;
   font-weight: 700;
@@ -824,18 +824,18 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   left: 25px;
   color: #164A7B;
 }
-/* line 943, ../../../scss/_clix2017.scss */
+/* line 945, ../../../scss/_clix2017.scss */
 .group_content .group_header .group_actions > button {
   display: inline-block;
   margin: 7px 10px;
 }
-/* line 948, ../../../scss/_clix2017.scss */
+/* line 950, ../../../scss/_clix2017.scss */
 .group_content .group_sections {
   text-align: center;
   border-bottom: 2px solid #f5f5f5;
   background: #eefaff;
 }
-/* line 953, ../../../scss/_clix2017.scss */
+/* line 955, ../../../scss/_clix2017.scss */
 .group_content .group_sections_content {
   min-height: 400px;
   background-color: #fff;
@@ -843,11 +843,11 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   margin-top: -1px;
   border: 1px solid #80808014;
 }
-/* line 960, ../../../scss/_clix2017.scss */
+/* line 962, ../../../scss/_clix2017.scss */
 .group_content .top-bar-secondions_content {
   background-color: #fff;
 }
-/* line 964, ../../../scss/_clix2017.scss */
+/* line 966, ../../../scss/_clix2017.scss */
 .group_content .course_actions > span {
   margin-right: 5px;
   background: #2e3f51;
@@ -860,7 +860,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   border-radius: 3px;
   margin-left: 130px;
 }
-/* line 977, ../../../scss/_clix2017.scss */
+/* line 979, ../../../scss/_clix2017.scss */
 .group_content .course_actions > i {
   margin-right: 5px;
   background: rgba(0, 0, 0, 0.6);
@@ -874,7 +874,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   margin-right: 80px;
 }
 
-/* line 992, ../../../scss/_clix2017.scss */
+/* line 994, ../../../scss/_clix2017.scss */
 .activity_tile {
   margin-top: 10px;
   margin-bottom: 25px;
@@ -883,22 +883,22 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   height: 260px;
   border: 1px solid #164A7B;
 }
-/* line 1001, ../../../scss/_clix2017.scss */
+/* line 1003, ../../../scss/_clix2017.scss */
 .activity_tile .activity_preview {
   height: 200px;
   width: 100%;
   border-width: 5px;
 }
-/* line 1008, ../../../scss/_clix2017.scss */
+/* line 1010, ../../../scss/_clix2017.scss */
 .activity_tile .activity_preview img {
   width: 100%;
   height: 210px;
 }
-/* line 1014, ../../../scss/_clix2017.scss */
+/* line 1016, ../../../scss/_clix2017.scss */
 .activity_tile .activity_text {
   padding: 7px 0px 0px 0px;
 }
-/* line 1016, ../../../scss/_clix2017.scss */
+/* line 1018, ../../../scss/_clix2017.scss */
 .activity_tile .activity_text .activity_title {
   letter-spacing: 0.2px;
   overflow: hidden;
@@ -907,15 +907,15 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   padding-top: 10px;
   padding-left: 6px;
 }
-/* line 1023, ../../../scss/_clix2017.scss */
+/* line 1025, ../../../scss/_clix2017.scss */
 .activity_tile .activity_text .activity_title > a {
   margin-right: 0px !important;
 }
-/* line 1027, ../../../scss/_clix2017.scss */
+/* line 1029, ../../../scss/_clix2017.scss */
 .activity_tile .activity_text .activity_title .filenode {
   z-index: -1;
 }
-/* line 1033, ../../../scss/_clix2017.scss */
+/* line 1035, ../../../scss/_clix2017.scss */
 .activity_tile .activity_text .activity_desc {
   letter-spacing: 0.3px;
   overflow: hidden;
@@ -924,7 +924,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   color: grey;
 }
 
-/* line 1044, ../../../scss/_clix2017.scss */
+/* line 1046, ../../../scss/_clix2017.scss */
 .asset_tile {
   margin-top: 10px;
   margin-bottom: 25px;
@@ -933,24 +933,24 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   height: 260px;
   border: 1px solid #164A7B;
 }
-/* line 1053, ../../../scss/_clix2017.scss */
+/* line 1055, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview {
   height: 200px;
   width: 99.9%;
   border-width: 5px;
 }
-/* line 1060, ../../../scss/_clix2017.scss */
+/* line 1062, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview .photos-1 img {
   /* Just in case there are inline attributes */
   width: 100% !important;
   height: 210px !important;
 }
-/* line 1065, ../../../scss/_clix2017.scss */
+/* line 1067, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview img {
   width: 100%;
   height: 210px;
 }
-/* line 1069, ../../../scss/_clix2017.scss */
+/* line 1071, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview .photos {
   /* Prevent vertical gaps */
   line-height: 0;
@@ -961,14 +961,14 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   column-count: 2;
   column-gap: 0px;
 }
-/* line 1079, ../../../scss/_clix2017.scss */
+/* line 1081, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview .photos img {
   /* Just in case there are inline attributes */
   width: 100% !important;
   height: 100px !important;
 }
 @media (max-width: 1200px) {
-  /* line 1086, ../../../scss/_clix2017.scss */
+  /* line 1088, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos {
     -moz-column-count: 2;
     -webkit-column-count: 2;
@@ -976,7 +976,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 1000px) {
-  /* line 1095, ../../../scss/_clix2017.scss */
+  /* line 1097, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos {
     -moz-column-count: 2;
     -webkit-column-count: 2;
@@ -984,7 +984,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 800px) {
-  /* line 1102, ../../../scss/_clix2017.scss */
+  /* line 1104, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos {
     -moz-column-count: 2;
     -webkit-column-count: 2;
@@ -992,14 +992,14 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 400px) {
-  /* line 1109, ../../../scss/_clix2017.scss */
+  /* line 1111, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos {
     -moz-column-count: 1;
     -webkit-column-count: 1;
     column-count: 1;
   }
 }
-/* line 1117, ../../../scss/_clix2017.scss */
+/* line 1119, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview .photos-02 {
   /* no vertical space*/
   line-height: 0;
@@ -1014,14 +1014,14 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   -webkit-row-gap: 0px;
   -moz-row-gap: 0px;
 }
-/* line 1133, ../../../scss/_clix2017.scss */
+/* line 1135, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview .photos-02 img {
   /* Just in case there are inline attributes */
   width: 100% !important;
   height: 105px !important;
 }
 @media (max-width: 1200px) {
-  /* line 1140, ../../../scss/_clix2017.scss */
+  /* line 1142, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos-02 {
     -moz-row-count: 2;
     -webkit-column-count: 1;
@@ -1032,7 +1032,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 1000px) {
-  /* line 1151, ../../../scss/_clix2017.scss */
+  /* line 1153, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos-02 {
     -moz-row-count: 2;
     -webkit-column-count: 1;
@@ -1043,7 +1043,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 800px) {
-  /* line 1162, ../../../scss/_clix2017.scss */
+  /* line 1164, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos-02 {
     -moz-row-count: 2;
     -webkit-column-count: 0;
@@ -1054,7 +1054,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 400px) {
-  /* line 1173, ../../../scss/_clix2017.scss */
+  /* line 1175, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos-02 {
     -moz-row-count: 2;
     -webkit-column-count: 1;
@@ -1064,7 +1064,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
     -moz-row-gap: 0px;
   }
 }
-/* line 1184, ../../../scss/_clix2017.scss */
+/* line 1186, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview .photos-03 {
   /* no vertical space*/
   line-height: 0;
@@ -1079,14 +1079,14 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   -webkit-row-gap: 0px;
   -moz-row-gap: 0px;
 }
-/* line 1200, ../../../scss/_clix2017.scss */
+/* line 1202, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview .photos-03 img {
   /* Just in case there are inline attributes */
   width: 100% !important;
   height: 70px !important;
 }
 @media (max-width: 1200px) {
-  /* line 1207, ../../../scss/_clix2017.scss */
+  /* line 1209, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos-03 {
     -moz-row-count: 3;
     -webkit-column-count: 1;
@@ -1097,7 +1097,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 1000px) {
-  /* line 1218, ../../../scss/_clix2017.scss */
+  /* line 1220, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos-03 {
     -moz-row-count: 3;
     -webkit-column-count: 1;
@@ -1108,7 +1108,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 800px) {
-  /* line 1229, ../../../scss/_clix2017.scss */
+  /* line 1231, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos-03 {
     -moz-row-count: 3;
     -webkit-column-count: 0;
@@ -1119,7 +1119,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 400px) {
-  /* line 1240, ../../../scss/_clix2017.scss */
+  /* line 1242, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos-03 {
     -moz-row-count: 3;
     -webkit-column-count: 1;
@@ -1129,11 +1129,11 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
     -moz-row-gap: 0px;
   }
 }
-/* line 1251, ../../../scss/_clix2017.scss */
+/* line 1253, ../../../scss/_clix2017.scss */
 .asset_tile .asset_text {
   padding: 7px 0px 0px 0px;
 }
-/* line 1253, ../../../scss/_clix2017.scss */
+/* line 1255, ../../../scss/_clix2017.scss */
 .asset_tile .asset_text .asset_title {
   letter-spacing: 0.2px;
   overflow: hidden;
@@ -1142,11 +1142,11 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   padding-top: 10px;
   padding-left: 6px;
 }
-/* line 1261, ../../../scss/_clix2017.scss */
+/* line 1263, ../../../scss/_clix2017.scss */
 .asset_tile .asset_text .asset_title .filenode {
   z-index: -1;
 }
-/* line 1267, ../../../scss/_clix2017.scss */
+/* line 1269, ../../../scss/_clix2017.scss */
 .asset_tile .asset_text .asset_desc {
   letter-spacing: 0.3px;
   overflow: hidden;
@@ -1155,7 +1155,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   color: grey;
 }
 
-/* line 1278, ../../../scss/_clix2017.scss */
+/* line 1280, ../../../scss/_clix2017.scss */
 .audio_tile {
   display: inline-block;
   margin-top: 10px;
@@ -1166,22 +1166,22 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   width: 270px;
   margin-right: 15px;
 }
-/* line 1288, ../../../scss/_clix2017.scss */
+/* line 1290, ../../../scss/_clix2017.scss */
 .audio_tile .audio_preview audio {
   width: 100%;
 }
-/* line 1291, ../../../scss/_clix2017.scss */
+/* line 1293, ../../../scss/_clix2017.scss */
 .audio_tile .audio_preview figcaption {
   margin-left: 5px;
 }
-/* line 1296, ../../../scss/_clix2017.scss */
+/* line 1298, ../../../scss/_clix2017.scss */
 .audio_tile:hover {
   border-width: 2px 2px 5px 2px;
   border-style: solid;
   border-color: #ce7869;
 }
 
-/* line 1306, ../../../scss/_clix2017.scss */
+/* line 1308, ../../../scss/_clix2017.scss */
 .template_tile {
   display: inline-block;
   margin-top: 10px;
@@ -1192,26 +1192,26 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   width: 120px;
   margin-right: 15px;
 }
-/* line 1316, ../../../scss/_clix2017.scss */
+/* line 1318, ../../../scss/_clix2017.scss */
 .template_tile .template_preview {
   height: 85px;
   width: 100%;
 }
-/* line 1319, ../../../scss/_clix2017.scss */
+/* line 1321, ../../../scss/_clix2017.scss */
 .template_tile .template_preview img {
   width: 100%;
 }
-/* line 1323, ../../../scss/_clix2017.scss */
+/* line 1325, ../../../scss/_clix2017.scss */
 .template_tile:hover {
   border-width: 2px 2px 5px 2px;
   border-style: solid;
   border-color: #ce7869;
 }
-/* line 1329, ../../../scss/_clix2017.scss */
+/* line 1331, ../../../scss/_clix2017.scss */
 .template_tile .template_text {
   padding: 10px 0px 0px 0px;
 }
-/* line 1331, ../../../scss/_clix2017.scss */
+/* line 1333, ../../../scss/_clix2017.scss */
 .template_tile .template_text .template_title {
   letter-spacing: 0.2px;
   overflow: hidden;
@@ -1220,7 +1220,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   padding-top: 22px;
   padding-left: 6px;
 }
-/* line 1340, ../../../scss/_clix2017.scss */
+/* line 1342, ../../../scss/_clix2017.scss */
 .template_tile .template_text .template_desc {
   letter-spacing: 0.3px;
   overflow: hidden;
@@ -1229,7 +1229,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   color: grey;
 }
 
-/* line 1354, ../../../scss/_clix2017.scss */
+/* line 1356, ../../../scss/_clix2017.scss */
 .preview_asset {
   background: #ccc;
   border: 2px solid #999;
@@ -1238,31 +1238,31 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   margin-left: 14px;
 }
 
-/* line 1362, ../../../scss/_clix2017.scss */
+/* line 1364, ../../../scss/_clix2017.scss */
 h6 {
   margin-left: 15px;
 }
 
 /*Custom css*/
-/* line 1368, ../../../scss/_clix2017.scss */
+/* line 1370, ../../../scss/_clix2017.scss */
 .add_more_files {
   color: #aaa;
   letter-spacing: 0.6px;
   margin-left: 10px;
 }
 
-/* line 1376, ../../../scss/_clix2017.scss */
+/* line 1378, ../../../scss/_clix2017.scss */
 input.trans-sub[type="text"], input.trans-sub[type="file"] {
   margin-top: 5px;
   margin-left: 20px;
 }
 
-/* line 1382, ../../../scss/_clix2017.scss */
+/* line 1384, ../../../scss/_clix2017.scss */
 input.trans-sub[type="file"]::-webkit-file-upload-button {
   visibility: hidden;
 }
 
-/* line 1385, ../../../scss/_clix2017.scss */
+/* line 1387, ../../../scss/_clix2017.scss */
 input.trans-sub[type="file"]:before {
   content: 'Select files';
   display: inline-block;
@@ -1280,7 +1280,7 @@ input.trans-sub[type="file"]:before {
   margin-left: 20px;
 }
 
-/* line 1402, ../../../scss/_clix2017.scss */
+/* line 1404, ../../../scss/_clix2017.scss */
 input.trans-sub[type="file"] {
   padding: 5px;
   margin-top: 10px;
@@ -1290,17 +1290,17 @@ input.trans-sub[type="file"] {
   width: 98%;
 }
 
-/* line 1410, ../../../scss/_clix2017.scss */
+/* line 1412, ../../../scss/_clix2017.scss */
 input.trans-sub[type="text"] {
   text-align: left;
 }
 
-/* line 1415, ../../../scss/_clix2017.scss */
+/* line 1417, ../../../scss/_clix2017.scss */
 input[type="text"], input[type="file"] {
   margin-top: 5px;
 }
 
-/* line 1418, ../../../scss/_clix2017.scss */
+/* line 1420, ../../../scss/_clix2017.scss */
 label {
   font-size: 12px;
   text-transform: uppercase;
@@ -1309,12 +1309,12 @@ label {
   margin-left: 20px;
 }
 
-/* line 1427, ../../../scss/_clix2017.scss */
+/* line 1429, ../../../scss/_clix2017.scss */
 input[type="file"]::-webkit-file-upload-button {
   visibility: hidden;
 }
 
-/* line 1430, ../../../scss/_clix2017.scss */
+/* line 1432, ../../../scss/_clix2017.scss */
 input[type="file"]:before {
   content: 'Select files';
   display: inline-block;
@@ -1331,7 +1331,7 @@ input[type="file"]:before {
   float: right;
 }
 
-/* line 1446, ../../../scss/_clix2017.scss */
+/* line 1448, ../../../scss/_clix2017.scss */
 input[type="file"] {
   padding: 5px;
   margin-top: 10px;
@@ -1341,7 +1341,7 @@ input[type="file"] {
   width: 95%;
 }
 
-/* line 1458, ../../../scss/_clix2017.scss */
+/* line 1460, ../../../scss/_clix2017.scss */
 input[type="button"] {
   -webkit-appearance: button;
   cursor: pointer;
@@ -1349,7 +1349,7 @@ input[type="button"] {
   width: 8%;
 }
 
-/* line 1469, ../../../scss/_clix2017.scss */
+/* line 1471, ../../../scss/_clix2017.scss */
 .select-language {
   display: block;
   border: 1px solid #999;
@@ -1361,20 +1361,20 @@ input[type="button"] {
   border-color: #cc7769;
 }
 
-/* line 1481, ../../../scss/_clix2017.scss */
+/* line 1483, ../../../scss/_clix2017.scss */
 .name-desc-asset-cont-area {
   width: 95%;
   margin-left: 24px;
 }
 
-/* line 1486, ../../../scss/_clix2017.scss */
+/* line 1488, ../../../scss/_clix2017.scss */
 #asset_content_desc, #asset_content_name {
   color: black !important;
   font-size: 13px;
 }
 
 /*  Buttons custom css */
-/* line 1492, ../../../scss/_clix2017.scss */
+/* line 1494, ../../../scss/_clix2017.scss */
 .button-hollow-white {
   background: inherit;
   border: 2px solid #fff;
@@ -1389,7 +1389,7 @@ input[type="button"] {
 }
 
 /*  Buttons custom css */
-/* line 1505, ../../../scss/_clix2017.scss */
+/* line 1507, ../../../scss/_clix2017.scss */
 .secondary-header-tabs {
   color: #719dc7;
   font-weight: 400;
@@ -1399,11 +1399,11 @@ input[type="button"] {
   -webkit-transition: color 1s ease, border-color 1s ease;
   display: inline-block;
 }
-/* line 1514, ../../../scss/_clix2017.scss */
+/* line 1516, ../../../scss/_clix2017.scss */
 .secondary-header-tabs:hover {
   color: #164A7B;
 }
-/* line 1518, ../../../scss/_clix2017.scss */
+/* line 1520, ../../../scss/_clix2017.scss */
 .secondary-header-tabs.active {
   color: #164A7B;
   border-bottom: 2px solid #164A7B;
@@ -1411,7 +1411,7 @@ input[type="button"] {
   font-weight: 600;
 }
 
-/* line 1527, ../../../scss/_clix2017.scss */
+/* line 1529, ../../../scss/_clix2017.scss */
 .secondary-header-button {
   color: #3c556d;
   font-weight: 700;
@@ -1424,12 +1424,12 @@ input[type="button"] {
   font-size: 13px;
   letter-spacing: 1.2px;
 }
-/* line 1539, ../../../scss/_clix2017.scss */
+/* line 1541, ../../../scss/_clix2017.scss */
 .secondary-header-button:hover {
   opacity: 0.5;
 }
 
-/* line 1545, ../../../scss/_clix2017.scss */
+/* line 1547, ../../../scss/_clix2017.scss */
 .orange-button {
   color: #ce7869;
   padding: 7px 14px;
@@ -1443,13 +1443,13 @@ input[type="button"] {
   margin-top: 8px;
   cursor: pointer;
 }
-/* line 1557, ../../../scss/_clix2017.scss */
+/* line 1559, ../../../scss/_clix2017.scss */
 .orange-button:hover {
   background-color: rgba(206, 120, 105, 0.2);
   color: #ce7869;
 }
 
-/* line 1563, ../../../scss/_clix2017.scss */
+/* line 1565, ../../../scss/_clix2017.scss */
 .pink-button {
   background: #a2238d;
   height: 37px;
@@ -1462,12 +1462,12 @@ input[type="button"] {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 1574, ../../../scss/_clix2017.scss */
+/* line 1576, ../../../scss/_clix2017.scss */
 .pink-button:hover {
   box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.68);
 }
 
-/* line 1579, ../../../scss/_clix2017.scss */
+/* line 1581, ../../../scss/_clix2017.scss */
 .orange-button-template {
   color: #ce7869;
   padding: 7px 14px;
@@ -1480,13 +1480,13 @@ input[type="button"] {
   margin-bottom: 8px;
   margin-top: 10px;
 }
-/* line 1590, ../../../scss/_clix2017.scss */
+/* line 1592, ../../../scss/_clix2017.scss */
 .orange-button-template:hover {
   background-color: rgba(206, 120, 105, 0.2);
   color: #ce7869;
 }
 
-/* line 1598, ../../../scss/_clix2017.scss */
+/* line 1600, ../../../scss/_clix2017.scss */
 .orange-button-subtitle {
   color: #ce7869;
   padding: 7px 14px;
@@ -1499,13 +1499,13 @@ input[type="button"] {
   margin-bottom: 8px;
   margin-top: 10px;
 }
-/* line 1609, ../../../scss/_clix2017.scss */
+/* line 1611, ../../../scss/_clix2017.scss */
 .orange-button-subtitle:hover {
   background-color: rgba(206, 120, 105, 0.2);
   color: #ce7869;
 }
 
-/* line 1616, ../../../scss/_clix2017.scss */
+/* line 1618, ../../../scss/_clix2017.scss */
 .asset-unit-button {
   color: #ce7869;
   padding: 7px 14px;
@@ -1518,13 +1518,13 @@ input[type="button"] {
   margin-bottom: 8px;
   margin-top: 300px;
 }
-/* line 1627, ../../../scss/_clix2017.scss */
+/* line 1629, ../../../scss/_clix2017.scss */
 .asset-unit-button:hover {
   background-color: rgba(206, 120, 105, 0.2);
   color: #ce7869;
 }
 
-/* line 1634, ../../../scss/_clix2017.scss */
+/* line 1636, ../../../scss/_clix2017.scss */
 .disab-button {
   margin-right: 10px;
   background-color: #fff;
@@ -1532,13 +1532,13 @@ input[type="button"] {
   font-size: 14px;
 }
 
-/* line 1642, ../../../scss/_clix2017.scss */
+/* line 1644, ../../../scss/_clix2017.scss */
 .save-asset {
   margin-top: 9px;
   margin-right: -133px;
 }
 
-/* line 1646, ../../../scss/_clix2017.scss */
+/* line 1648, ../../../scss/_clix2017.scss */
 .asset-save-button {
   color: #ce7869;
   display: inline-block;
@@ -1558,7 +1558,7 @@ input[type="button"] {
   margin-top: 5px;
 }
 
-/* line 1666, ../../../scss/_clix2017.scss */
+/* line 1668, ../../../scss/_clix2017.scss */
 .blue-white-button {
   color: #fff;
   background: #164A7B;
@@ -1569,7 +1569,7 @@ input[type="button"] {
   padding: 8px 10px;
 }
 
-/* line 1676, ../../../scss/_clix2017.scss */
+/* line 1678, ../../../scss/_clix2017.scss */
 button[disabled], .button.disabled, .button[disabled] {
   background-color: #eefaff;
   border-color: #eefaff;
@@ -1583,17 +1583,17 @@ button[disabled], .button.disabled, .button[disabled] {
   padding: 8px 10px;
 }
 
-/* line 1692, ../../../scss/_clix2017.scss */
+/* line 1694, ../../../scss/_clix2017.scss */
 .button-small {
   padding: 1px 5px;
 }
 
 /* Create Curriculum */
-/* line 1697, ../../../scss/_clix2017.scss */
+/* line 1699, ../../../scss/_clix2017.scss */
 ul.jqtree_common {
   position: relative;
 }
-/* line 1699, ../../../scss/_clix2017.scss */
+/* line 1701, ../../../scss/_clix2017.scss */
 ul.jqtree_common:before {
   border-width: 0px 0px 1px 1px;
   position: absolute;
@@ -1618,11 +1618,11 @@ ul.jqtree_common:before {
         width: 15px;
     }
 }*/
-/* line 1724, ../../../scss/_clix2017.scss */
+/* line 1726, ../../../scss/_clix2017.scss */
 ul:not(:only-child) li:first-child {
   position: relative;
 }
-/* line 1726, ../../../scss/_clix2017.scss */
+/* line 1728, ../../../scss/_clix2017.scss */
 ul:not(:only-child) li:first-child:before {
   border-width: 1px 0px 0px 0px;
   position: absolute;
@@ -1634,11 +1634,11 @@ ul:not(:only-child) li:first-child:before {
   width: 30px;
 }
 
-/* line 1737, ../../../scss/_clix2017.scss */
+/* line 1739, ../../../scss/_clix2017.scss */
 .jqtree_common .jqtree-element:not(.leaf_node):not(:only-child), .jqtree_common .jqtree-element.leaf_node {
   position: relative;
 }
-/* line 1739, ../../../scss/_clix2017.scss */
+/* line 1741, ../../../scss/_clix2017.scss */
 .jqtree_common .jqtree-element:not(.leaf_node):not(:only-child):before, .jqtree_common .jqtree-element.leaf_node:before {
   border-width: 1px 0px 0px 0px;
   position: absolute;
@@ -1650,31 +1650,31 @@ ul:not(:only-child) li:first-child:before {
   width: 10px;
 }
 
-/* line 1752, ../../../scss/_clix2017.scss */
+/* line 1754, ../../../scss/_clix2017.scss */
 ul.jqtree-tree .jqtree-element {
   margin-top: 15px;
 }
 
-/* line 1756, ../../../scss/_clix2017.scss */
+/* line 1758, ../../../scss/_clix2017.scss */
 ul.jqtree-tree ul.jqtree_common {
   margin-left: 35px;
 }
 
-/* line 1760, ../../../scss/_clix2017.scss */
+/* line 1762, ../../../scss/_clix2017.scss */
 ul.jqtree-tree li.jqtree-selected > .jqtree-element, ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
   background: transparent;
 }
 
-/* line 1764, ../../../scss/_clix2017.scss */
+/* line 1766, ../../../scss/_clix2017.scss */
 ul.jqtree-tree .jqtree-toggler {
   color: #aaa;
 }
-/* line 1766, ../../../scss/_clix2017.scss */
+/* line 1768, ../../../scss/_clix2017.scss */
 ul.jqtree-tree .jqtree-toggler:hover {
   color: #aaa;
 }
 
-/* line 1771, ../../../scss/_clix2017.scss */
+/* line 1773, ../../../scss/_clix2017.scss */
 .curriculum_creator {
   background: #fff;
   box-shadow: 0px 2px 6px #000;
@@ -1685,7 +1685,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 15px;
 }
 
-/* line 1780, ../../../scss/_clix2017.scss */
+/* line 1782, ../../../scss/_clix2017.scss */
 .curriculum_creator_header {
   width: 100%;
   height: 60px;
@@ -1693,13 +1693,13 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 5px 15px;
   box-shadow: 1px 0px 13px #000;
 }
-/* line 1787, ../../../scss/_clix2017.scss */
+/* line 1789, ../../../scss/_clix2017.scss */
 .curriculum_creator_header .course_heading span {
   letter-spacing: 0.9px;
   font-weight: 600;
   line-height: 50px;
 }
-/* line 1797, ../../../scss/_clix2017.scss */
+/* line 1799, ../../../scss/_clix2017.scss */
 .curriculum_creator_header .course_actions ul li {
   list-style-type: none;
   display: inline-block;
@@ -1708,12 +1708,12 @@ ul.jqtree-tree .jqtree-toggler:hover {
   cursor: pointer;
   letter-spacing: 0.8px;
 }
-/* line 1807, ../../../scss/_clix2017.scss */
+/* line 1809, ../../../scss/_clix2017.scss */
 .curriculum_creator_header .course_actions ul li.active, .curriculum_creator_header .course_actions ul li:hover {
   border-bottom: 3px solid #ffc14e;
 }
 
-/* line 1815, ../../../scss/_clix2017.scss */
+/* line 1817, ../../../scss/_clix2017.scss */
 .curriculum_list {
   width: 100%;
   height: 60px;
@@ -1722,14 +1722,14 @@ ul.jqtree-tree .jqtree-toggler:hover {
   box-shadow: 0px 1px 4px #004;
   color: #2b78e4;
 }
-/* line 1822, ../../../scss/_clix2017.scss */
+/* line 1824, ../../../scss/_clix2017.scss */
 .curriculum_list a {
   color: #164A7B;
   font-size: 20px;
   font-weight: 600;
 }
 
-/* line 1829, ../../../scss/_clix2017.scss */
+/* line 1831, ../../../scss/_clix2017.scss */
 .curriculum_list_header {
   max-width: 1176px !important;
   margin: 0 auto !important;
@@ -1752,7 +1752,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   box-shadow: 0px 3px 6px #000;
   background-color: #ffffff;
 }
-/* line 1850, ../../../scss/_clix2017.scss */
+/* line 1852, ../../../scss/_clix2017.scss */
 .curriculum_list_header .title-curriculum {
   font-family: inherit !important;
   font-weight: bold !important;
@@ -1762,7 +1762,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   font-weight: 500 !important;
   font-size: 20px !important;
 }
-/* line 1860, ../../../scss/_clix2017.scss */
+/* line 1862, ../../../scss/_clix2017.scss */
 .curriculum_list_header .add-curriculum {
   position: relative !important;
   display: -moz-box !important;
@@ -1778,7 +1778,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   font-weight: 500 !important;
 }
 
-/* line 1876, ../../../scss/_clix2017.scss */
+/* line 1878, ../../../scss/_clix2017.scss */
 .curriculum_listing {
   max-width: 1176px !important;
   margin: 0 auto !important;
@@ -1796,7 +1796,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   background: #fff;
   box-shadow: 0px 2px 6px #000;
 }
-/* line 1893, ../../../scss/_clix2017.scss */
+/* line 1895, ../../../scss/_clix2017.scss */
 .curriculum_listing .curriculum_content {
   display: -moz-box !important;
   display: -ms-flexbox !important;
@@ -1817,11 +1817,11 @@ ul.jqtree-tree .jqtree-toggler:hover {
   -ms-flex-pack: justify !important;
   -webkit-box-pack: justify !important;
 }
-/* line 1912, ../../../scss/_clix2017.scss */
+/* line 1914, ../../../scss/_clix2017.scss */
 .curriculum_listing .curriculum_content:hover {
   background: #F0F1F2 !important;
 }
-/* line 1915, ../../../scss/_clix2017.scss */
+/* line 1917, ../../../scss/_clix2017.scss */
 .curriculum_listing .curriculum_content .curriculum_content_left {
   display: -moz-box !important;
   display: -ms-flexbox !important;
@@ -1834,7 +1834,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   -ms-flex-align: center !important;
   -webkit-box-align: center !important;
 }
-/* line 1926, ../../../scss/_clix2017.scss */
+/* line 1928, ../../../scss/_clix2017.scss */
 .curriculum_listing .curriculum_content .curriculum_content_left .curriculum_content_details {
   display: -moz-box !important;
   display: -ms-flexbox !important;
@@ -1853,7 +1853,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   -webkit-box-orient: vertical !important;
   -webkit-box-direction: normal !important;
 }
-/* line 1943, ../../../scss/_clix2017.scss */
+/* line 1945, ../../../scss/_clix2017.scss */
 .curriculum_listing .curriculum_content .curriculum_content_left .curriculum_content_details .hyperlink-style {
   text-decoration: none !important;
   font-family: inherit !important;
@@ -1866,7 +1866,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   overflow: hidden !important;
   text-overflow: ellipsis !important;
 }
-/* line 1955, ../../../scss/_clix2017.scss */
+/* line 1957, ../../../scss/_clix2017.scss */
 .curriculum_listing .curriculum_content .curriculum_content_left .curriculum_content_details .hyperlink-info {
   text-decoration: none !important;
   font-family: inherit !important;
@@ -1876,28 +1876,28 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin-top: 4px !important;
 }
 
-/* line 1968, ../../../scss/_clix2017.scss */
+/* line 1970, ../../../scss/_clix2017.scss */
 .explore-header {
   line-height: 4em;
 }
-/* line 1970, ../../../scss/_clix2017.scss */
+/* line 1972, ../../../scss/_clix2017.scss */
 .explore-header > div {
   vertical-align: middle;
   display: inline-block;
 }
-/* line 1976, ../../../scss/_clix2017.scss */
+/* line 1978, ../../../scss/_clix2017.scss */
 .explore-header .heading a {
   color: #fff;
 }
 
-/* line 1993, ../../../scss/_clix2017.scss */
+/* line 1995, ../../../scss/_clix2017.scss */
 .node_name_empty {
   border-radius: 5px;
   margin-top: 11px;
 }
 
 /*Common css*/
-/* line 2003, ../../../scss/_clix2017.scss */
+/* line 2005, ../../../scss/_clix2017.scss */
 .toggleButtons a {
   padding: 0.5em 1em;
   margin: 0px;
@@ -1906,20 +1906,20 @@ ul.jqtree-tree .jqtree-toggler:hover {
   border: 1px solid #B7B7B7;
   display: inline;
 }
-/* line 2011, ../../../scss/_clix2017.scss */
+/* line 2013, ../../../scss/_clix2017.scss */
 .toggleButtons a:first-child {
   margin-right: -3px;
   border-right: 0px solid #000;
 }
-/* line 2015, ../../../scss/_clix2017.scss */
+/* line 2017, ../../../scss/_clix2017.scss */
 .toggleButtons a:first-child {
   border-radius: 10px 0px 0px 10px;
 }
-/* line 2018, ../../../scss/_clix2017.scss */
+/* line 2020, ../../../scss/_clix2017.scss */
 .toggleButtons a:last-child {
   border-radius: 0px 10px 10px 0px;
 }
-/* line 2021, ../../../scss/_clix2017.scss */
+/* line 2023, ../../../scss/_clix2017.scss */
 .toggleButtons a.active {
   background-color: #908F8F;
   color: #fff;
@@ -1927,12 +1927,12 @@ ul.jqtree-tree .jqtree-toggler:hover {
 
 /* about_course style */
 /* abput and modules */
-/* line 2032, ../../../scss/_clix2017.scss */
+/* line 2034, ../../../scss/_clix2017.scss */
 .about-course {
   background-color: #fff;
   padding: 10px 23px;
 }
-/* line 2035, ../../../scss/_clix2017.scss */
+/* line 2037, ../../../scss/_clix2017.scss */
 .about-course > h5 {
   text-transform: uppercase;
   font-weight: 600;
@@ -1943,7 +1943,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin-left: 5px;
 }
 
-/* line 2046, ../../../scss/_clix2017.scss */
+/* line 2048, ../../../scss/_clix2017.scss */
 .course-desc {
   letter-spacing: 0.7px;
   font-weight: 400;
@@ -1953,7 +1953,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin-top: 5px;
 }
 
-/* line 2056, ../../../scss/_clix2017.scss */
+/* line 2058, ../../../scss/_clix2017.scss */
 .course-highlight {
   letter-spacing: 0.7px;
   font-weight: 400;
@@ -1964,29 +1964,29 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin-left: 4px;
   margin-bottom: 5px;
 }
-/* line 2067, ../../../scss/_clix2017.scss */
+/* line 2069, ../../../scss/_clix2017.scss */
 .course-highlight > span {
   color: #164a7b;
 }
 
 /* group analytics and notifications */
-/* line 2077, ../../../scss/_clix2017.scss */
+/* line 2079, ../../../scss/_clix2017.scss */
 .course-overview-container .course-overview > .columns {
   padding: 0px 10px;
 }
-/* line 2080, ../../../scss/_clix2017.scss */
+/* line 2082, ../../../scss/_clix2017.scss */
 .course-overview-container h5 {
   text-transform: uppercase;
 }
-/* line 2083, ../../../scss/_clix2017.scss */
+/* line 2085, ../../../scss/_clix2017.scss */
 .course-overview-container .correct-count {
   color: #367714;
 }
-/* line 2086, ../../../scss/_clix2017.scss */
+/* line 2088, ../../../scss/_clix2017.scss */
 .course-overview-container .incorrect-count {
   color: #9b0000;
 }
-/* line 2089, ../../../scss/_clix2017.scss */
+/* line 2091, ../../../scss/_clix2017.scss */
 .course-overview-container .course-metric-heading {
   text-transform: uppercase;
   letter-spacing: 0.9px;
@@ -1994,7 +1994,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   color: #000000;
   display: block;
 }
-/* line 2097, ../../../scss/_clix2017.scss */
+/* line 2099, ../../../scss/_clix2017.scss */
 .course-overview-container .course-metric-count {
   font-weight: 600;
   letter-spacing: 0.5px;
@@ -2002,37 +2002,37 @@ ul.jqtree-tree .jqtree-toggler:hover {
   color: #000000;
   font-size: 17px;
 }
-/* line 2105, ../../../scss/_clix2017.scss */
+/* line 2107, ../../../scss/_clix2017.scss */
 .course-overview-container .ongoing-session {
   border-bottom: 1px solid #ccc;
   margin-bottom: 12px;
   padding-bottom: 15px;
 }
-/* line 2110, ../../../scss/_clix2017.scss */
+/* line 2112, ../../../scss/_clix2017.scss */
 .course-overview-container .ongoing-session h5, .course-overview-container .ongoing-session h3 {
   color: #2b78e4;
 }
-/* line 2113, ../../../scss/_clix2017.scss */
+/* line 2115, ../../../scss/_clix2017.scss */
 .course-overview-container .ongoing-session button {
   padding: 7px;
   margin: 0px;
   background-color: #2B78E4;
 }
-/* line 2121, ../../../scss/_clix2017.scss */
+/* line 2123, ../../../scss/_clix2017.scss */
 .course-overview-container .course-status > h5 {
   color: #888;
 }
-/* line 2124, ../../../scss/_clix2017.scss */
+/* line 2126, ../../../scss/_clix2017.scss */
 .course-overview-container .course-status > .row {
   margin: 10px 0px;
 }
-/* line 2127, ../../../scss/_clix2017.scss */
+/* line 2129, ../../../scss/_clix2017.scss */
 .course-overview-container .course-status .tabs {
   width: 100%;
   margin: 0em 0em 0.5em;
   border-bottom: 1px solid #CCC;
 }
-/* line 2132, ../../../scss/_clix2017.scss */
+/* line 2134, ../../../scss/_clix2017.scss */
 .course-overview-container .course-status .tabs .tab-title {
   width: 40%;
   background-color: #DEDEDE;
@@ -2041,17 +2041,17 @@ ul.jqtree-tree .jqtree-toggler:hover {
   top: 1px;
   text-transform: uppercase;
 }
-/* line 2140, ../../../scss/_clix2017.scss */
+/* line 2142, ../../../scss/_clix2017.scss */
 .course-overview-container .course-status .tabs .tab-title.active {
   background-color: #fff;
   border: 1px solid #CCC;
   border-bottom: 0px;
 }
-/* line 2151, ../../../scss/_clix2017.scss */
+/* line 2153, ../../../scss/_clix2017.scss */
 .course-overview-container .course-notif-logs ul {
   list-style: none;
 }
-/* line 2155, ../../../scss/_clix2017.scss */
+/* line 2157, ../../../scss/_clix2017.scss */
 .course-overview-container .course-section {
   border: 1px solid #ccc;
   padding: 10px;
@@ -2059,11 +2059,11 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin: 40px 0px;
   position: relative;
 }
-/* line 2162, ../../../scss/_clix2017.scss */
+/* line 2164, ../../../scss/_clix2017.scss */
 .course-overview-container .course-section > .row {
   margin: 20px 0px;
 }
-/* line 2166, ../../../scss/_clix2017.scss */
+/* line 2168, ../../../scss/_clix2017.scss */
 .course-overview-container .course-section .course-section-heading {
   text-transform: uppercase;
   font-weight: 600;
@@ -2072,7 +2072,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin: 2px 0px 15px;
   color: #888;
 }
-/* line 2176, ../../../scss/_clix2017.scss */
+/* line 2178, ../../../scss/_clix2017.scss */
 .course-overview-container .course-section .course-section-icon {
   font-size: 20px;
   top: -35px;
@@ -2080,59 +2080,59 @@ ul.jqtree-tree .jqtree-toggler:hover {
   background: #ffffff;
   margin-left: 22px;
 }
-/* line 2201, ../../../scss/_clix2017.scss */
+/* line 2203, ../../../scss/_clix2017.scss */
 .course-overview-container .course-warning {
   background-color: #fffdd7;
 }
-/* line 2203, ../../../scss/_clix2017.scss */
+/* line 2205, ../../../scss/_clix2017.scss */
 .course-overview-container .course-warning > h5 {
   color: #c09100;
 }
-/* line 2206, ../../../scss/_clix2017.scss */
+/* line 2208, ../../../scss/_clix2017.scss */
 .course-overview-container .course-warning i {
   padding: 10px;
   margin-right: 5px;
   color: #c09100;
 }
-/* line 2211, ../../../scss/_clix2017.scss */
+/* line 2213, ../../../scss/_clix2017.scss */
 .course-overview-container .course-warning a {
   text-decoration: underline;
 }
-/* line 2215, ../../../scss/_clix2017.scss */
+/* line 2217, ../../../scss/_clix2017.scss */
 .course-overview-container .course-students-data {
   margin: 20px 0px;
 }
-/* line 2219, ../../../scss/_clix2017.scss */
+/* line 2221, ../../../scss/_clix2017.scss */
 .course-overview-container .course-students-data .students-table-legends > span:nth-child(odd) {
   margin: 0px 10px;
 }
-/* line 2222, ../../../scss/_clix2017.scss */
+/* line 2224, ../../../scss/_clix2017.scss */
 .course-overview-container .course-students-data .students-table-legends > span:nth-child(even) {
   display: inline-block;
   vertical-align: top;
   margin-right: 10px;
 }
-/* line 2229, ../../../scss/_clix2017.scss */
+/* line 2231, ../../../scss/_clix2017.scss */
 .course-overview-container .student-overview-table {
   width: 100%;
   margin: 15px 0px;
 }
-/* line 2233, ../../../scss/_clix2017.scss */
+/* line 2235, ../../../scss/_clix2017.scss */
 .course-overview-container .student-overview-table tr {
   border: none;
 }
-/* line 2237, ../../../scss/_clix2017.scss */
+/* line 2239, ../../../scss/_clix2017.scss */
 .course-overview-container .student-overview-table .progress .merter-val {
   margin-left: 5px;
 }
 
-/* line 2245, ../../../scss/_clix2017.scss */
+/* line 2247, ../../../scss/_clix2017.scss */
 .notifications-analytics-tabs .tabs {
   width: 100%;
   margin: 0em 0em 0.5em;
   border-bottom: 1px solid #CCC;
 }
-/* line 2250, ../../../scss/_clix2017.scss */
+/* line 2252, ../../../scss/_clix2017.scss */
 .notifications-analytics-tabs .tabs .tab-title {
   width: 40%;
   background-color: #DEDEDE;
@@ -2141,7 +2141,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   top: 1px;
   text-transform: uppercase;
 }
-/* line 2258, ../../../scss/_clix2017.scss */
+/* line 2260, ../../../scss/_clix2017.scss */
 .notifications-analytics-tabs .tabs .tab-title.active {
   background-color: #ffc14e;
   border: 1px solid #CCC;
@@ -2149,12 +2149,12 @@ ul.jqtree-tree .jqtree-toggler:hover {
 }
 
 /* The notification Dashboard */
-/* line 2274, ../../../scss/_clix2017.scss */
+/* line 2276, ../../../scss/_clix2017.scss */
 .course-dashboard .course-status > ul, .course-dashboard .course-notifications > ul,
 .course-dashboard .course-performance > ul {
   list-style: none;
 }
-/* line 2278, ../../../scss/_clix2017.scss */
+/* line 2280, ../../../scss/_clix2017.scss */
 .course-dashboard .course-status > .row, .course-dashboard .course-notifications > .row,
 .course-dashboard .course-performance > .row {
   padding: 0px;
@@ -2166,75 +2166,75 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin: 0em 0em;
   border-radius: 10px;
 }
-/* line 2290, ../../../scss/_clix2017.scss */
+/* line 2292, ../../../scss/_clix2017.scss */
 .course-dashboard .dash-tile-heading {
   padding: 0.2em 0.7em;
   border-bottom: 1px solid #DADADA;
   font-weight: 500;
 }
-/* line 2296, ../../../scss/_clix2017.scss */
+/* line 2298, ../../../scss/_clix2017.scss */
 .course-dashboard .dash-tile-row {
   padding: 1em;
 }
-/* line 2299, ../../../scss/_clix2017.scss */
+/* line 2301, ../../../scss/_clix2017.scss */
 .course-dashboard .dash-tile-row:nth-child(n+3) {
   border-top: 1px solid #DCDCDC;
 }
-/* line 2305, ../../../scss/_clix2017.scss */
+/* line 2307, ../../../scss/_clix2017.scss */
 .course-dashboard .course-status .course-update .course-current-state {
   color: #000;
   font-weight: bold;
   padding: 0.5em 0.8em 0.6em;
 }
-/* line 2315, ../../../scss/_clix2017.scss */
+/* line 2317, ../../../scss/_clix2017.scss */
 .course-dashboard .course-notifications {
   position: relative;
 }
-/* line 2320, ../../../scss/_clix2017.scss */
+/* line 2322, ../../../scss/_clix2017.scss */
 .course-dashboard .course-notifications .notification-row .notification-text {
   letter-spacing: 0em;
   word-spacing: 0.2em;
 }
-/* line 2325, ../../../scss/_clix2017.scss */
+/* line 2327, ../../../scss/_clix2017.scss */
 .course-dashboard .course-notifications .notification-row .time-elapsed {
   color: #424242;
   cursor: pointer;
 }
-/* line 2332, ../../../scss/_clix2017.scss */
+/* line 2334, ../../../scss/_clix2017.scss */
 .course-dashboard .course-notifications .notification-count {
   position: absolute;
   right: 0.5em;
   top: 0.3em;
 }
 
-/* line 2349, ../../../scss/_clix2017.scss */
+/* line 2351, ../../../scss/_clix2017.scss */
 .notebook .notebook-header a, .notebook .notebook-header input {
   margin: 0px;
 }
-/* line 2352, ../../../scss/_clix2017.scss */
+/* line 2354, ../../../scss/_clix2017.scss */
 .notebook .notebook-header .notes-count {
   text-align: center;
 }
-/* line 2357, ../../../scss/_clix2017.scss */
+/* line 2359, ../../../scss/_clix2017.scss */
 .notebook .notebook-header .notes-count span:first-child {
   font-weight: 600;
   padding: 15px;
 }
-/* line 2362, ../../../scss/_clix2017.scss */
+/* line 2364, ../../../scss/_clix2017.scss */
 .notebook .notebook-header .notes-count span:last-child {
   background: lightgrey;
   padding: 2px 5px;
   vertical-align: text-bottom;
 }
-/* line 2372, ../../../scss/_clix2017.scss */
+/* line 2374, ../../../scss/_clix2017.scss */
 .notebook .notebook-body {
   padding: 0px 0px;
 }
-/* line 2375, ../../../scss/_clix2017.scss */
+/* line 2377, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .row {
   margin: 30px 0px;
 }
-/* line 2378, ../../../scss/_clix2017.scss */
+/* line 2380, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card, .notebook .notebook-body .note-cards .note-details {
   border: 1px solid #ccc;
   padding: 10px 15px;
@@ -2244,11 +2244,11 @@ ul.jqtree-tree .jqtree-toggler:hover {
   cursor: pointer;
   position: relative;
 }
-/* line 2387, ../../../scss/_clix2017.scss */
+/* line 2389, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card .note-heading, .notebook .notebook-body .note-cards .note-details .note-heading {
   font-weight: 800;
 }
-/* line 2391, ../../../scss/_clix2017.scss */
+/* line 2393, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card .note-close, .notebook .notebook-body .note-cards .note-details .note-close {
   position: absolute;
   right: 7px;
@@ -2256,21 +2256,21 @@ ul.jqtree-tree .jqtree-toggler:hover {
   font-weight: 700;
   color: #929292;
 }
-/* line 2399, ../../../scss/_clix2017.scss */
+/* line 2401, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card .note-summary, .notebook .notebook-body .note-cards .note-details .note-summary {
   margin: 15px 0px;
 }
-/* line 2402, ../../../scss/_clix2017.scss */
+/* line 2404, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card .note-info, .notebook .notebook-body .note-cards .note-card .note-extra-data, .notebook .notebook-body .note-cards .note-details .note-info, .notebook .notebook-body .note-cards .note-details .note-extra-data {
   color: #989898;
   letter-spacing: 0.9px;
   font-weight: 500;
 }
-/* line 2408, ../../../scss/_clix2017.scss */
+/* line 2410, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card .note-info > span, .notebook .notebook-body .note-cards .note-card .note-extra-data > span, .notebook .notebook-body .note-cards .note-details .note-info > span, .notebook .notebook-body .note-cards .note-details .note-extra-data > span {
   margin-right: 5px;
 }
-/* line 2413, ../../../scss/_clix2017.scss */
+/* line 2415, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card .note-tags > span, .notebook .notebook-body .note-cards .note-details .note-tags > span {
   display: inline-block;
   margin: 10px;
@@ -2278,53 +2278,53 @@ ul.jqtree-tree .jqtree-toggler:hover {
   color: #cba552;
   padding: 2px 5px;
 }
-/* line 2421, ../../../scss/_clix2017.scss */
+/* line 2423, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card .note-actions, .notebook .notebook-body .note-cards .note-details .note-actions {
   color: #989898;
   cursor: pointer;
 }
-/* line 2425, ../../../scss/_clix2017.scss */
+/* line 2427, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card .note-actions span, .notebook .notebook-body .note-cards .note-details .note-actions span {
   margin-right: 10px 5px;
 }
-/* line 2431, ../../../scss/_clix2017.scss */
+/* line 2433, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-details .note-info, .notebook .notebook-body .note-cards .note-details .note-extra-data, .notebook .notebook-body .note-cards .note-details .note-tags, .notebook .notebook-body .note-cards .note-details .note-actions {
   display: inline-block;
   margin-right: 10px;
 }
-/* line 2438, ../../../scss/_clix2017.scss */
+/* line 2440, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-details .note-tags {
   float: right;
 }
-/* line 2440, ../../../scss/_clix2017.scss */
+/* line 2442, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-details .note-tags > span {
   margin: 0px;
 }
-/* line 2449, ../../../scss/_clix2017.scss */
+/* line 2451, ../../../scss/_clix2017.scss */
 .notebook .notebook-body > div {
   padding: 0px;
 }
-/* line 2455, ../../../scss/_clix2017.scss */
+/* line 2457, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index {
   border-right: 1px solid #AFAEAE;
   padding: 4px 0px;
   background-color: #F1F1F1;
 }
-/* line 2460, ../../../scss/_clix2017.scss */
+/* line 2462, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .tabs-content {
   padding: 0px;
 }
-/* line 2463, ../../../scss/_clix2017.scss */
+/* line 2465, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .tabs-content .active {
   padding: 0px;
 }
-/* line 2467, ../../../scss/_clix2017.scss */
+/* line 2469, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .tabs {
   width: 100%;
   margin: 0em 0em 0.5em;
   border-bottom: 1px solid #CCC;
 }
-/* line 2472, ../../../scss/_clix2017.scss */
+/* line 2474, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .tabs .tab-title {
   width: 50%;
   /*background-color: #DEDEDE;*/
@@ -2332,172 +2332,172 @@ ul.jqtree-tree .jqtree-toggler:hover {
   position: relative;
   top: 1px;
 }
-/* line 2479, ../../../scss/_clix2017.scss */
+/* line 2481, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .tabs .tab-title a {
   border-radius: inherit;
   text-align: center;
   color: #989898;
 }
-/* line 2486, ../../../scss/_clix2017.scss */
+/* line 2488, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .tabs .tab-title.active {
   background-color: #fff;
   border: 1px solid #CCC;
   border-bottom: 0px;
 }
-/* line 2490, ../../../scss/_clix2017.scss */
+/* line 2492, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .tabs .tab-title.active a {
   color: #3a3169;
 }
-/* line 2497, ../../../scss/_clix2017.scss */
+/* line 2499, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .tab-content {
   padding: 0px;
 }
-/* line 2502, ../../../scss/_clix2017.scss */
+/* line 2504, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .date {
   font-weight: bold;
   background: #EFEFEF;
   padding: 7px 10px;
 }
-/* line 2508, ../../../scss/_clix2017.scss */
+/* line 2510, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .date .note-count {
   line-height: 2em;
 }
-/* line 2513, ../../../scss/_clix2017.scss */
+/* line 2515, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes > div {
   border-bottom: 1px solid #AFAEAE;
 }
-/* line 2516, ../../../scss/_clix2017.scss */
+/* line 2518, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .note {
   padding: 5px 15px;
   background: #FFF;
   cursor: pointer;
   color: #A2A2A2;
 }
-/* line 2522, ../../../scss/_clix2017.scss */
+/* line 2524, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .note .note-heading {
   font-weight: 400;
 }
-/* line 2530, ../../../scss/_clix2017.scss */
+/* line 2532, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .note .note-meta > span:not(:first-child) {
   font-weight: 600;
   color: #717171;
 }
-/* line 2537, ../../../scss/_clix2017.scss */
+/* line 2539, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .note .note-footer {
   color: #888888;
 }
-/* line 2540, ../../../scss/_clix2017.scss */
+/* line 2542, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .note .note-footer span {
   margin-right: 10px;
 }
-/* line 2545, ../../../scss/_clix2017.scss */
+/* line 2547, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .note.active {
   border-left: 5px solid #6153AE;
   background: #F4E7FF;
   font-weight: 800;
   color: #6153AE;
 }
-/* line 2551, ../../../scss/_clix2017.scss */
+/* line 2553, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .note.active .note-heading {
   font-weight: 500;
 }
-/* line 2555, ../../../scss/_clix2017.scss */
+/* line 2557, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .note.active .note-meta > span:not(:first-child) {
   color: #6153AE;
 }
-/* line 2563, ../../../scss/_clix2017.scss */
+/* line 2565, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page {
   margin-left: 15px;
   background-color: #fff;
 }
-/* line 2569, ../../../scss/_clix2017.scss */
+/* line 2571, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .group_sections_content {
   margin-top: 5px;
 }
-/* line 2573, ../../../scss/_clix2017.scss */
+/* line 2575, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page > div {
   background-color: #fff;
 }
-/* line 2577, ../../../scss/_clix2017.scss */
+/* line 2579, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-toolbar {
   padding: 1.8em 1.2em 0em;
   margin: 0em;
   background-color: #FFF;
 }
-/* line 2582, ../../../scss/_clix2017.scss */
+/* line 2584, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-toolbar .note-creator {
   font-weight: bold;
 }
-/* line 2585, ../../../scss/_clix2017.scss */
+/* line 2587, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-toolbar .creator-title {
   text-align: left;
   color: #C3C3C3;
   letter-spacing: 0.3px;
   margin-top: 5px;
 }
-/* line 2592, ../../../scss/_clix2017.scss */
+/* line 2594, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-toolbar .creator-rating {
   text-align: right;
 }
-/* line 2594, ../../../scss/_clix2017.scss */
+/* line 2596, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-toolbar .creator-rating > div {
   display: inline-block;
 }
-/* line 2599, ../../../scss/_clix2017.scss */
+/* line 2601, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-title {
   font-size: 20px;
   font-weight: 500;
   margin-right: 1em;
 }
-/* line 2605, ../../../scss/_clix2017.scss */
+/* line 2607, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-content {
   padding: 2em 2em 1em;
   background: #fff;
   margin: 0em;
 }
-/* line 2611, ../../../scss/_clix2017.scss */
+/* line 2613, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-content .note-header > div {
   display: inline-block;
 }
-/* line 2616, ../../../scss/_clix2017.scss */
+/* line 2618, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-content .note-text {
   letter-spacing: 0.7px;
 }
-/* line 2619, ../../../scss/_clix2017.scss */
+/* line 2621, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-content .note-text p {
   padding: 0px;
 }
-/* line 2625, ../../../scss/_clix2017.scss */
+/* line 2627, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .comment-sections {
   padding: 0em 1em 0em;
 }
-/* line 2629, ../../../scss/_clix2017.scss */
+/* line 2631, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .comment-sections .comments-header span {
   font-weight: bold;
 }
-/* line 2632, ../../../scss/_clix2017.scss */
+/* line 2634, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .comment-sections .comments-header i:not(:first-child) {
   margin-left: 15px;
 }
-/* line 2637, ../../../scss/_clix2017.scss */
+/* line 2639, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .comment-sections .new-comment {
   border-top: 1px solid grey;
   padding: 15px 10px;
   margin-top: 5px;
 }
-/* line 2642, ../../../scss/_clix2017.scss */
+/* line 2644, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .comment-sections .new-comment .trumbowyg-box,
 .notebook .notebook-body .note-page .comment-sections .new-comment .trumbowyg-editor {
   min-height: 200px;
   margin-top: 0px;
 }
-/* line 2648, ../../../scss/_clix2017.scss */
+/* line 2650, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .comment-sections .new-comment .user-prof-image {
   line-height: 0em;
 }
 
 /* Explore badges */
-/* line 2660, ../../../scss/_clix2017.scss */
+/* line 2662, ../../../scss/_clix2017.scss */
 .badge_ex {
   display: inline-block;
   line-height: 22px;
@@ -2513,7 +2513,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
 }
 
-/* line 2676, ../../../scss/_clix2017.scss */
+/* line 2678, ../../../scss/_clix2017.scss */
 .badge_ex {
   background: #67c1ef;
   border-color: #30aae9;
@@ -2524,7 +2524,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
 }
 
 /* line 4120, ../../../scss/_app_styles.scss */
-/* line 2686, ../../../scss/_clix2017.scss */
+/* line 2688, ../../../scss/_clix2017.scss */
 .badge_ex.green {
   background: #77cc51;
   border-color: #59ad33;
@@ -2535,7 +2535,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
 }
 
 /* line 4129, ../../../scss/_app_styles.scss */
-/* line 2696, ../../../scss/_clix2017.scss */
+/* line 2698, ../../../scss/_clix2017.scss */
 .badge_ex.yellow {
   background: #faba3e;
   border-color: #f4a306;
@@ -2546,7 +2546,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
 }
 
 /* line 4139, ../../../scss/_app_styles.scss */
-/* line 2706, ../../../scss/_clix2017.scss */
+/* line 2708, ../../../scss/_clix2017.scss */
 .badge_ex.red {
   background: #fa623f;
   border-color: #fa5a35;
@@ -2557,7 +2557,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
 }
 
 /* Create_Unit styles */
-/* line 2717, ../../../scss/_clix2017.scss */
+/* line 2719, ../../../scss/_clix2017.scss */
 .course_creator_header {
   width: 100%;
   height: 70px;
@@ -2565,7 +2565,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 5px 15px;
   box-shadow: 1px 0px 0px #000;
 }
-/* line 2724, ../../../scss/_clix2017.scss */
+/* line 2726, ../../../scss/_clix2017.scss */
 .course_creator_header .unit_editor {
   width: 100%;
   height: 320px;
@@ -2573,13 +2573,13 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 5px 15px;
   box-shadow: 1px 0px 0px #000;
 }
-/* line 2733, ../../../scss/_clix2017.scss */
+/* line 2735, ../../../scss/_clix2017.scss */
 .course_creator_header .back_to_group {
   padding: 0px 15px 0px 10px;
   border-right: 1px solid #ccc;
   margin-right: 15px;
 }
-/* line 2739, ../../../scss/_clix2017.scss */
+/* line 2741, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading_unit {
   width: 500px;
   height: 40px;
@@ -2588,24 +2588,24 @@ ul.jqtree-tree .jqtree-toggler:hover {
   float: right;
   text-align: center;
 }
-/* line 2748, ../../../scss/_clix2017.scss */
+/* line 2750, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading_unit:focus {
   border: 1px solid #74b3dc;
 }
-/* line 2752, ../../../scss/_clix2017.scss */
+/* line 2754, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading_unit::-webkit-input-placeholder
  {
   color: #d9dfe4;
   letter-spacing: 0.8px;
 }
-/* line 2760, ../../../scss/_clix2017.scss */
+/* line 2762, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading_unit select {
   font-size: 14px;
   font-family: 'OpenSans-Regular', sans-serif;
   color: gray;
   border: 0px solid #74b3dc;
 }
-/* line 2771, ../../../scss/_clix2017.scss */
+/* line 2773, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading input {
   width: 500px;
   height: 40px;
@@ -2614,31 +2614,31 @@ ul.jqtree-tree .jqtree-toggler:hover {
   float: right;
   text-align: center;
 }
-/* line 2779, ../../../scss/_clix2017.scss */
+/* line 2781, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading input:focus {
   border: 1px solid #74b3dc;
 }
-/* line 2783, ../../../scss/_clix2017.scss */
+/* line 2785, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading input::-webkit-input-placeholder
  {
   color: #d9dfe4;
   letter-spacing: 0.8px;
 }
-/* line 2793, ../../../scss/_clix2017.scss */
+/* line 2795, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading h5 {
   margin-top: 15px;
 }
-/* line 2798, ../../../scss/_clix2017.scss */
+/* line 2800, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading span {
   letter-spacing: 0.9px;
   font-weight: 600;
   line-height: 50px;
 }
-/* line 2806, ../../../scss/_clix2017.scss */
+/* line 2808, ../../../scss/_clix2017.scss */
 .course_creator_header .course_actions ul {
   margin: 0px;
 }
-/* line 2809, ../../../scss/_clix2017.scss */
+/* line 2811, ../../../scss/_clix2017.scss */
 .course_creator_header .course_actions ul li {
   list-style-type: none;
   display: inline-block;
@@ -2647,11 +2647,11 @@ ul.jqtree-tree .jqtree-toggler:hover {
   cursor: pointer;
   letter-spacing: 0.8px;
 }
-/* line 2818, ../../../scss/_clix2017.scss */
+/* line 2820, ../../../scss/_clix2017.scss */
 .course_creator_header .course_actions ul li.active, .course_creator_header .course_actions ul li:hover {
   border-bottom: 3px solid #ffc14e;
 }
-/* line 2823, ../../../scss/_clix2017.scss */
+/* line 2825, ../../../scss/_clix2017.scss */
 .course_creator_header .course_actions span {
   margin-right: 5px;
   background: rgba(0, 0, 0, 0.6);
@@ -2663,7 +2663,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   cursor: pointer;
   border-radius: 3px;
 }
-/* line 2835, ../../../scss/_clix2017.scss */
+/* line 2837, ../../../scss/_clix2017.scss */
 .course_creator_header .course_actions i {
   margin-right: 5px;
   background: rgba(0, 0, 0, 0.6);
@@ -2676,7 +2676,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   border-radius: 3px;
 }
 
-/* line 2853, ../../../scss/_clix2017.scss */
+/* line 2855, ../../../scss/_clix2017.scss */
 .create_unit {
   background: #fff;
   box-shadow: 0px 2px 3px #000;
@@ -2684,7 +2684,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 10px;
 }
 
-/* line 2861, ../../../scss/_clix2017.scss */
+/* line 2863, ../../../scss/_clix2017.scss */
 .button-hollow-black {
   background: #fff;
   border: 2px solid #164A7B;
@@ -2695,14 +2695,14 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 2px 10px;
 }
 
-/* line 2871, ../../../scss/_clix2017.scss */
+/* line 2873, ../../../scss/_clix2017.scss */
 .vertically-center {
   top: 50%;
   transform: translateY(-50%);
 }
 
 /* Unit_Structure styles */
-/* line 2879, ../../../scss/_clix2017.scss */
+/* line 2881, ../../../scss/_clix2017.scss */
 .course_creator {
   background: #fff;
   box-shadow: 0px 2px 6px #000;
@@ -2710,12 +2710,12 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 0px 0px;
   max-width: 100vw;
 }
-/* line 2887, ../../../scss/_clix2017.scss */
+/* line 2889, ../../../scss/_clix2017.scss */
 .course_creator > .columns {
   padding: 0px;
   height: 100%;
 }
-/* line 2891, ../../../scss/_clix2017.scss */
+/* line 2893, ../../../scss/_clix2017.scss */
 .course_creator .course_editor {
   margin-bottom: 10px;
   position: relative;
@@ -2723,17 +2723,17 @@ ul.jqtree-tree .jqtree-toggler:hover {
   /*Custom css*/
   /* Course edit in the edit mode. */
 }
-/* line 2897, ../../../scss/_clix2017.scss */
+/* line 2899, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .accordion .accordion-navigation > .content, .course_creator .course_editor .accordion dd > .content {
   padding: 0px;
   padding-left: 0px;
 }
-/* line 2903, ../../../scss/_clix2017.scss */
+/* line 2905, ../../../scss/_clix2017.scss */
 .course_creator .course_editor > div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 2908, ../../../scss/_clix2017.scss */
+/* line 2910, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree {
   transition: all 1s ease;
   -webkit-transition: all 1s ease;
@@ -2743,29 +2743,29 @@ ul.jqtree-tree .jqtree-toggler:hover {
   overflow-y: auto;
   height: 100vh;
 }
-/* line 2917, ../../../scss/_clix2017.scss */
+/* line 2919, ../../../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 2923, ../../../scss/_clix2017.scss */
+/* line 2925, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd:hover li {
   color: #164A7B;
 }
-/* line 2928, ../../../scss/_clix2017.scss */
+/* line 2930, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation {
   position: relative;
   padding-left: 0px;
 }
-/* line 2933, ../../../scss/_clix2017.scss */
+/* line 2935, ../../../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 2942, ../../../scss/_clix2017.scss */
+/* line 2944, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title {
   background: inherit;
   cursor: pointer;
@@ -2774,7 +2774,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   transition: color 1s ease;
   -webkit-transition: color 1s ease;
 }
-/* line 2949, ../../../scss/_clix2017.scss */
+/* line 2951, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity {
   color: #c9d1d8;
   font-weight: 400;
@@ -2782,15 +2782,15 @@ ul.jqtree-tree .jqtree-toggler:hover {
   display: block;
   position: relative;
 }
-/* line 2957, ../../../scss/_clix2017.scss */
+/* line 2959, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity i {
   display: none;
 }
-/* line 2962, ../../../scss/_clix2017.scss */
+/* line 2964, ../../../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 2965, ../../../scss/_clix2017.scss */
+/* line 2967, ../../../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;
@@ -2798,22 +2798,22 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin: 0px 10px;
   cursor: pointer;
 }
-/* line 2971, ../../../scss/_clix2017.scss */
+/* line 2973, ../../../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 2985, ../../../scss/_clix2017.scss */
+/* line 2987, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation.active > a:before {
   content: '';
   line-height: 55px;
   color: #d7d7d7;
 }
-/* line 2993, ../../../scss/_clix2017.scss */
+/* line 2995, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation .course-activities {
   margin: 0px;
 }
-/* line 2995, ../../../scss/_clix2017.scss */
+/* line 2997, ../../../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;
@@ -2822,7 +2822,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   transition: border-color 1s ease;
   -webkit-transition: border-color 1s ease;
 }
-/* line 3002, ../../../scss/_clix2017.scss */
+/* line 3004, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation .course-activities > li > a {
   color: #7ca0d0;
   width: 100%;
@@ -2830,11 +2830,11 @@ ul.jqtree-tree .jqtree-toggler:hover {
   transition: color 1s ease;
   -webkit-transition: color 1s ease;
 }
-/* line 3011, ../../../scss/_clix2017.scss */
+/* line 3013, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation .content {
   background: inherit;
 }
-/* line 3020, ../../../scss/_clix2017.scss */
+/* line 3022, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section {
   width: 0%;
   display: inline-block;
@@ -2846,49 +2846,49 @@ ul.jqtree-tree .jqtree-toggler:hover {
   overflow-y: auto;
   background: #fff;
 }
-/* line 3030, ../../../scss/_clix2017.scss */
+/* line 3032, ../../../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 3036, ../../../scss/_clix2017.scss */
+/* line 3038, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-header .header-left {
   padding: 14px 10px 10px 10px;
 }
-/* line 3039, ../../../scss/_clix2017.scss */
+/* line 3041, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-header .header-left > span {
   color: #3c5264;
   font-weight: 600;
   margin-right: 10px;
 }
-/* line 3048, ../../../scss/_clix2017.scss */
+/* line 3050, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-header .custom_dropdown {
   margin: 40px 35px 0px;
 }
-/* line 3053, ../../../scss/_clix2017.scss */
+/* line 3055, ../../../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 3057, ../../../scss/_clix2017.scss */
+/* line 3059, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-tool .editor_actions ul {
   margin: 0px;
 }
-/* line 3059, ../../../scss/_clix2017.scss */
+/* line 3061, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-tool .editor_actions ul li {
   list-style: none;
   display: inline-block;
 }
-/* line 3062, ../../../scss/_clix2017.scss */
+/* line 3064, ../../../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 3068, ../../../scss/_clix2017.scss */
+/* line 3070, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-tool .editor_actions ul li span {
   display: inline-block;
   letter-spacing: 0.5px;
@@ -2896,29 +2896,29 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 15px 5px;
   cursor: pointer;
 }
-/* line 3083, ../../../scss/_clix2017.scss */
+/* line 3085, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .add-lesson {
   margin-top: 20px;
   margin-left: 20px;
   float: left;
 }
-/* line 3091, ../../../scss/_clix2017.scss */
+/* line 3093, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .add_activity {
   margin-top: 3px;
 }
-/* line 3097, ../../../scss/_clix2017.scss */
+/* line 3099, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .create_activity {
   margin-top: 0px;
   margin-left: -7.1px;
 }
-/* line 3106, ../../../scss/_clix2017.scss */
+/* line 3108, ../../../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 3111, ../../../scss/_clix2017.scss */
+/* line 3113, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree {
   transition: all 1s ease;
   -webkit-transition: all 1s ease;
@@ -2926,28 +2926,28 @@ ul.jqtree-tree .jqtree-toggler:hover {
   background-color: #2a6882;
   border: 1px solid #e5f1f6;
 }
-/* line 3118, ../../../scss/_clix2017.scss */
+/* line 3120, ../../../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 3123, ../../../scss/_clix2017.scss */
+/* line 3125, ../../../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 3128, ../../../scss/_clix2017.scss */
+/* line 3130, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree .course-lessons dd.accordion-navigation a .edit_entity {
   width: 20px;
 }
-/* line 3130, ../../../scss/_clix2017.scss */
+/* line 3132, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree .course-lessons dd.accordion-navigation a .edit_entity i {
   display: block;
 }
-/* line 3134, ../../../scss/_clix2017.scss */
+/* line 3136, ../../../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;
@@ -2959,21 +2959,21 @@ ul.jqtree-tree .jqtree-toggler:hover {
   color: #999999;
   border-radius: 3px;
 }
-/* line 3145, ../../../scss/_clix2017.scss */
+/* line 3147, ../../../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 3150, ../../../scss/_clix2017.scss */
+/* line 3152, ../../../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 3156, ../../../scss/_clix2017.scss */
+/* line 3158, ../../../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 3162, ../../../scss/_clix2017.scss */
+/* line 3164, ../../../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;
@@ -2981,19 +2981,19 @@ ul.jqtree-tree .jqtree-toggler:hover {
   border-color: #295566;
   border-bottom: 1px solid transparent;
 }
-/* line 3169, ../../../scss/_clix2017.scss */
+/* line 3171, ../../../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 3176, ../../../scss/_clix2017.scss */
+/* line 3178, ../../../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 3187, ../../../scss/_clix2017.scss */
+/* line 3189, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course-editor-section {
   width: 77%;
   opacity: 1;
@@ -3004,18 +3004,18 @@ ul.jqtree-tree .jqtree-toggler:hover {
   -webkit-transition: width 1.9s ease, opacity 4s ease;
 }
 
-/* line 3206, ../../../scss/_clix2017.scss */
+/* line 3208, ../../../scss/_clix2017.scss */
 .tile_modal .editor_modal_content .modal_tile .th {
   width: 100%;
   height: 210px;
   box-shadow: none;
 }
-/* line 3211, ../../../scss/_clix2017.scss */
+/* line 3213, ../../../scss/_clix2017.scss */
 .tile_modal .editor_modal_content .modal_tile .th > img {
   height: 180px;
   width: 100%;
 }
-/* line 3216, ../../../scss/_clix2017.scss */
+/* line 3218, ../../../scss/_clix2017.scss */
 .tile_modal .editor_modal_content .modal_tile .th > span {
   display: block;
   width: 100%;
@@ -3023,76 +3023,76 @@ ul.jqtree-tree .jqtree-toggler:hover {
   line-height: 22px;
 }
 
-/* line 3230, ../../../scss/_clix2017.scss */
+/* line 3232, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content > div {
   width: 100%;
 }
-/* line 3232, ../../../scss/_clix2017.scss */
+/* line 3234, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content > div > div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 3237, ../../../scss/_clix2017.scss */
+/* line 3239, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content .app_row {
   margin-bottom: 39px;
 }
-/* line 3240, ../../../scss/_clix2017.scss */
+/* line 3242, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content .app_row .app_image {
   padding: 10px;
 }
-/* line 3243, ../../../scss/_clix2017.scss */
+/* line 3245, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content .app_row .app_image > div {
   border: 1px solid #999;
   height: 222px;
 }
-/* line 3249, ../../../scss/_clix2017.scss */
+/* line 3251, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content .app_row .app_desc {
   padding-left: 10px;
 }
 
-/* line 3258, ../../../scss/_clix2017.scss */
+/* line 3260, ../../../scss/_clix2017.scss */
 .editor_modal .editor_modal_title {
   color: #3c5264;
 }
-/* line 3263, ../../../scss/_clix2017.scss */
+/* line 3265, ../../../scss/_clix2017.scss */
 .editor_modal .editor_modal_actions > a {
   display: inline-block;
 }
-/* line 3266, ../../../scss/_clix2017.scss */
+/* line 3268, ../../../scss/_clix2017.scss */
 .editor_modal .editor_modal_actions > a.close-reveal-modal {
   line-height: inherit;
   position: inherit;
   color: #c601bc;
 }
 
-/* line 3276, ../../../scss/_clix2017.scss */
+/* line 3278, ../../../scss/_clix2017.scss */
 .reveal-modal-overlay, dialog {
   padding: 0px;
   padding-bottom: 13px;
 }
 
-/* line 3281, ../../../scss/_clix2017.scss */
+/* line 3283, ../../../scss/_clix2017.scss */
 .overlay-title {
   margin: 15px 10px 10px 10px;
   letter-spacing: -1px;
 }
 
-/* line 3286, ../../../scss/_clix2017.scss */
+/* line 3288, ../../../scss/_clix2017.scss */
 .custom_dropdown {
   position: relative;
   z-index: 10;
   display: inline-block;
 }
-/* line 3292, ../../../scss/_clix2017.scss */
+/* line 3294, ../../../scss/_clix2017.scss */
 .custom_dropdown > a {
   height: 30px;
   display: block;
 }
-/* line 3298, ../../../scss/_clix2017.scss */
+/* line 3300, ../../../scss/_clix2017.scss */
 .custom_dropdown:hover .dropdown_content {
   display: block;
 }
-/* line 3303, ../../../scss/_clix2017.scss */
+/* line 3305, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content {
   background-color: #fff;
   border-radius: 10px;
@@ -3101,35 +3101,35 @@ ul.jqtree-tree .jqtree-toggler:hover {
   top: 30px;
   border: 1px solid #ccc;
 }
-/* line 3311, ../../../scss/_clix2017.scss */
+/* line 3313, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content.left_align {
   left: -54px;
 }
-/* line 3315, ../../../scss/_clix2017.scss */
+/* line 3317, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content.right_align {
   right: -10px;
 }
-/* line 3319, ../../../scss/_clix2017.scss */
+/* line 3321, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content li {
   padding: 10px 35px;
   list-style: none;
   white-space: nowrap;
 }
-/* line 3324, ../../../scss/_clix2017.scss */
+/* line 3326, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content li a {
   margin: 0px;
   width: 70px;
 }
-/* line 3329, ../../../scss/_clix2017.scss */
+/* line 3331, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content li:hover {
   background-color: #d5f2ff;
 }
-/* line 3336, ../../../scss/_clix2017.scss */
+/* line 3338, ../../../scss/_clix2017.scss */
 .custom_dropdown a {
   color: #999999;
 }
 
-/* line 3342, ../../../scss/_clix2017.scss */
+/* line 3344, ../../../scss/_clix2017.scss */
 .button-hollow-purple {
   background: inherit;
   border: 2px solid #c601bc;
@@ -3143,7 +3143,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   -webkit-transition: color 1s ease, border-color 1s ease;
 }
 
-/* line 3355, ../../../scss/_clix2017.scss */
+/* line 3357, ../../../scss/_clix2017.scss */
 .button-hollow-grey {
   background: inherit;
   border: 2px solid #c9d1d8;
@@ -3156,11 +3156,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 3366, ../../../scss/_clix2017.scss */
+/* line 3368, ../../../scss/_clix2017.scss */
 .button-hollow-grey:hover {
   background-color: #f5f5f5;
 }
-/* line 3371, ../../../scss/_clix2017.scss */
+/* line 3373, ../../../scss/_clix2017.scss */
 .button-hollow-grey > a {
   font-family: open_sansbold,sans-serif;
   font-size: 1.2rem;
@@ -3172,7 +3172,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin-right: 1px;
 }
 
-/* line 3383, ../../../scss/_clix2017.scss */
+/* line 3385, ../../../scss/_clix2017.scss */
 .button-hollow-blue {
   background: inherit;
   border: 2px solid #2b4a7b;
@@ -3185,88 +3185,88 @@ ul.jqtree-tree .jqtree-toggler:hover {
   -webkit-transition: color 1s ease, border-color 1s ease;
 }
 
-/* line 3394, ../../../scss/_clix2017.scss */
+/* line 3396, ../../../scss/_clix2017.scss */
 .save_edit_activity {
   margin-right: 16.9px;
   margin-top: 37.3px;
 }
 
-/* line 3399, ../../../scss/_clix2017.scss */
+/* line 3401, ../../../scss/_clix2017.scss */
 .activity-name {
   margin-left: 20px;
   margin-top: 5px;
 }
 
-/* line 3404, ../../../scss/_clix2017.scss */
+/* line 3406, ../../../scss/_clix2017.scss */
 .activity-name-label {
   width: 80%;
   margin-left: 20px;
   margin-top: 5px;
 }
 
-/* line 3411, ../../../scss/_clix2017.scss */
+/* line 3413, ../../../scss/_clix2017.scss */
 .create_activity_new {
   margin-left: -15px;
 }
 
-/* line 3415, ../../../scss/_clix2017.scss */
+/* line 3417, ../../../scss/_clix2017.scss */
 .create-discussion {
   position: relative;
   margin-bottom: 20px;
 }
-/* line 3419, ../../../scss/_clix2017.scss */
+/* line 3421, ../../../scss/_clix2017.scss */
 .create-discussion > div {
   display: inline-block;
   vertical-align: top;
   margin: 5px 0px;
 }
-/* line 3425, ../../../scss/_clix2017.scss */
+/* line 3427, ../../../scss/_clix2017.scss */
 .create-discussion .button {
   margin: 5px 0px;
 }
-/* line 3428, ../../../scss/_clix2017.scss */
+/* line 3430, ../../../scss/_clix2017.scss */
 .create-discussion .ckeditor-content-comment {
   width: 85%;
   margin-left: 1em;
 }
-/* line 3432, ../../../scss/_clix2017.scss */
+/* line 3434, ../../../scss/_clix2017.scss */
 .create-discussion .ckeditor-content-comment > div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 3437, ../../../scss/_clix2017.scss */
+/* line 3439, ../../../scss/_clix2017.scss */
 .create-discussion .ckeditor-content-comment .ckeditor-reply-area {
   width: 90%;
 }
 
-/* line 3444, ../../../scss/_clix2017.scss */
+/* line 3446, ../../../scss/_clix2017.scss */
 #replies-area .ckeditor-content-reply {
   margin-top: 1em;
   /*width: 97%;*/
 }
-/* line 3448, ../../../scss/_clix2017.scss */
+/* line 3450, ../../../scss/_clix2017.scss */
 #replies-area .ckeditor-content-reply .ckeditor-reply-area {
   display: inline-block;
   width: 90%;
   margin-left: 1em;
 }
-/* line 3453, ../../../scss/_clix2017.scss */
+/* line 3455, ../../../scss/_clix2017.scss */
 #replies-area .ckeditor-content-reply .post-btn-div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 3457, ../../../scss/_clix2017.scss */
+/* line 3459, ../../../scss/_clix2017.scss */
 #replies-area .ckeditor-content-reply .post-btn {
   background-color: #720f5e;
   width: 77px;
   margin-left: 17px;
 }
-/* line 3461, ../../../scss/_clix2017.scss */
+/* line 3463, ../../../scss/_clix2017.scss */
 #replies-area .ckeditor-content-reply .post-btn:hover {
   color: #720f5e;
   background-color: #ffffff;
 }
-/* line 3470, ../../../scss/_clix2017.scss */
+/* line 3472, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies {
   /*background-color:#ddd;*/
   margin-left: 48px;
@@ -3275,16 +3275,16 @@ ul.jqtree-tree .jqtree-toggler:hover {
   border-top: 1px solid #B1B1B1;
   width: 80%;
 }
-/* line 3479, ../../../scss/_clix2017.scss */
+/* line 3481, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .reply-btn {
   cursor: pointer;
   color: grey !important;
 }
-/* line 3484, ../../../scss/_clix2017.scss */
+/* line 3486, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .reply-btn:hover {
   color: #000 !important;
 }
-/* line 3487, ../../../scss/_clix2017.scss */
+/* line 3489, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .discussion-title-username {
   color: #ffffff !important;
   height: 2em;
@@ -3292,7 +3292,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding-left: 10px;
   line-height: 1.5em;
 }
-/* line 3497, ../../../scss/_clix2017.scss */
+/* line 3499, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .discussion-footer {
   /*background-color:#CCCCCC;*/
   color: gray !important;
@@ -3302,19 +3302,19 @@ ul.jqtree-tree .jqtree-toggler:hover {
   border-radius: 0px 0px 5px 5px;
   /*background-color:  #f2f2f2;*/
 }
-/* line 3506, ../../../scss/_clix2017.scss */
+/* line 3508, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .discussion-footer > a {
   vertical-align: middle;
   line-height: 2em;
 }
-/* line 3512, ../../../scss/_clix2017.scss */
+/* line 3514, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .discussion-content {
   color: #262626;
   word-wrap: break-word;
   /*background-color:  #f2f2f2;*/
 }
 
-/* line 3524, ../../../scss/_clix2017.scss */
+/* line 3526, ../../../scss/_clix2017.scss */
 .bg-img {
   background: url(/static/ndf/images/i2c-bg.png);
   height: 100%;
@@ -3322,34 +3322,34 @@ ul.jqtree-tree .jqtree-toggler:hover {
   background-repeat: no-repeat;
 }
 
-/* line 3532, ../../../scss/_clix2017.scss */
+/* line 3534, ../../../scss/_clix2017.scss */
 .clix-text {
   z-index: -1;
 }
 
-/* line 3535, ../../../scss/_clix2017.scss */
+/* line 3537, ../../../scss/_clix2017.scss */
 .panel-mod {
   background-color: transparent;
   border: none;
 }
 
-/* line 3540, ../../../scss/_clix2017.scss */
+/* line 3542, ../../../scss/_clix2017.scss */
 .asset_content_upload {
   width: 100% !important;
 }
 
-/* line 3544, ../../../scss/_clix2017.scss */
+/* line 3546, ../../../scss/_clix2017.scss */
 #upload_asset {
   margin-top: 60px !important;
 }
 
-/* line 3548, ../../../scss/_clix2017.scss */
+/* line 3550, ../../../scss/_clix2017.scss */
 #profile-img {
   height: 40px;
   margin-right: 5px;
 }
 
-/* line 3553, ../../../scss/_clix2017.scss */
+/* line 3555, ../../../scss/_clix2017.scss */
 .profile-img {
   height: 40px;
   width: 40px;
@@ -3357,24 +3357,24 @@ ul.jqtree-tree .jqtree-toggler:hover {
   border-radius: 2px;
 }
 
-/* line 3560, ../../../scss/_clix2017.scss */
+/* line 3562, ../../../scss/_clix2017.scss */
 .activity-detail-page {
   margin-top: 20px;
   margin-left: 15px;
 }
 
-/* line 3569, ../../../scss/_clix2017.scss */
+/* line 3571, ../../../scss/_clix2017.scss */
 .activity-detail-content #scstyle header {
   margin-top: 0px !important;
 }
 
-/* line 3573, ../../../scss/_clix2017.scss */
+/* line 3575, ../../../scss/_clix2017.scss */
 .activity-editor {
   margin: 50px;
   margin-left: 15px;
 }
 
-/* line 3579, ../../../scss/_clix2017.scss */
+/* line 3581, ../../../scss/_clix2017.scss */
 .tag-ele {
   font-weight: normal;
   text-align: center;
@@ -3395,7 +3395,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
 }
 
 /* Tags styles */
-/* line 3602, ../../../scss/_clix2017.scss */
+/* line 3604, ../../../scss/_clix2017.scss */
 .asset-tags-container {
   width: 100%;
   height: 50px;
@@ -3403,16 +3403,16 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 5px 15px;
   margin-bottom: 65px;
 }
-/* line 3609, ../../../scss/_clix2017.scss */
+/* line 3611, ../../../scss/_clix2017.scss */
 .asset-tags-container .tag-input-ele {
   margin-left: 17px;
   width: 96%;
 }
-/* line 3614, ../../../scss/_clix2017.scss */
+/* line 3616, ../../../scss/_clix2017.scss */
 .asset-tags-container .added-tags-div {
   margin-left: -206px;
 }
-/* line 3619, ../../../scss/_clix2017.scss */
+/* line 3621, ../../../scss/_clix2017.scss */
 .asset-tags-container #add-tag-btn {
   color: #ce7869;
   padding: 7px 14px;
@@ -3427,13 +3427,13 @@ ul.jqtree-tree .jqtree-toggler:hover {
   cursor: pointer;
   display: inline-block;
 }
-/* line 3632, ../../../scss/_clix2017.scss */
+/* line 3634, ../../../scss/_clix2017.scss */
 .asset-tags-container #add-tag-btn:hover {
   background-color: rgba(206, 120, 105, 0.2);
   color: #ce7869;
 }
 
-/* line 3640, ../../../scss/_clix2017.scss */
+/* line 3642, ../../../scss/_clix2017.scss */
 .tags-container {
   width: 100%;
   height: 50px;
@@ -3442,7 +3442,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   box-shadow: 1px 0px 0px #000;
   margin-bottom: 65px;
 }
-/* line 3648, ../../../scss/_clix2017.scss */
+/* line 3650, ../../../scss/_clix2017.scss */
 .tags-container .add-tag-heading span {
   width: 40%;
   color: #99aaba;
@@ -3453,17 +3453,17 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin-left: 8px;
   font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", "sans-serif";
 }
-/* line 3659, ../../../scss/_clix2017.scss */
+/* line 3661, ../../../scss/_clix2017.scss */
 .tags-container .tag-input-ele {
   margin-left: 193px;
   width: 54%;
 }
-/* line 3664, ../../../scss/_clix2017.scss */
+/* line 3666, ../../../scss/_clix2017.scss */
 .tags-container .added-tags-div {
   margin-left: 293px !important;
   width: 54%;
 }
-/* line 3669, ../../../scss/_clix2017.scss */
+/* line 3671, ../../../scss/_clix2017.scss */
 .tags-container #add-tag-btn {
   color: #ce7869;
   padding: 7px 14px;
@@ -3478,13 +3478,13 @@ ul.jqtree-tree .jqtree-toggler:hover {
   cursor: pointer;
   display: inline-block;
 }
-/* line 3682, ../../../scss/_clix2017.scss */
+/* line 3684, ../../../scss/_clix2017.scss */
 .tags-container #add-tag-btn:hover {
   background-color: rgba(206, 120, 105, 0.2);
   color: #ce7869;
 }
 
-/* line 3690, ../../../scss/_clix2017.scss */
+/* line 3692, ../../../scss/_clix2017.scss */
 .activity-lang {
   border: 1px solid #cccccc;
   border-radius: 5px;
@@ -3500,39 +3500,39 @@ ul.jqtree-tree .jqtree-toggler:hover {
     width: 99%;
 }
 */
-/* line 3707, ../../../scss/_clix2017.scss */
+/* line 3709, ../../../scss/_clix2017.scss */
 .editor-div {
   height: 100%;
 }
 
-/* line 3711, ../../../scss/_clix2017.scss */
+/* line 3713, ../../../scss/_clix2017.scss */
 #asset-descid {
   margin-bottom: 7px;
 }
 
-/* line 3715, ../../../scss/_clix2017.scss */
+/* line 3717, ../../../scss/_clix2017.scss */
 .page-name {
   margin-top: 4px;
 }
 
-/* line 3719, ../../../scss/_clix2017.scss */
+/* line 3721, ../../../scss/_clix2017.scss */
 .asset_list {
   margin-left: 30px;
 }
 
-/* line 3723, ../../../scss/_clix2017.scss */
+/* line 3725, ../../../scss/_clix2017.scss */
 .interaction-settings-div {
   margin-left: 25px;
   margin-top: 10px;
 }
-/* line 3727, ../../../scss/_clix2017.scss */
+/* line 3729, ../../../scss/_clix2017.scss */
 .interaction-settings-div .yes_no_disc_div {
   text-align: center;
   font-size: 24px;
   font-weight: 300;
 }
 
-/* line 3739, ../../../scss/_clix2017.scss */
+/* line 3741, ../../../scss/_clix2017.scss */
 body {
   background-color: #fff;
 }
@@ -3540,162 +3540,161 @@ body {
 /*
     Styling for the Secondary header 2
 */
-/* line 3749, ../../../scss/_clix2017.scss */
+/* line 3751, ../../../scss/_clix2017.scss */
 .activity_player_header {
-  background-color: rgba(107, 0, 84, 0.97);
+  background-color: #ffffff;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
 }
-/* line 3752, ../../../scss/_clix2017.scss */
+/* line 3754, ../../../scss/_clix2017.scss */
 .activity_player_header > div {
   height: 45px;
   line-height: 45px;
   display: inline-block;
   vertical-align: top;
 }
-/* line 3760, ../../../scss/_clix2017.scss */
+/* line 3762, ../../../scss/_clix2017.scss */
 .activity_player_header > div:not(:last-child) {
   border-right: 1px solid #fff;
 }
-/* line 3769, ../../../scss/_clix2017.scss */
+/* line 3771, ../../../scss/_clix2017.scss */
 .activity_player_header .header_title {
   position: relative;
-  color: #fff;
+  color: #6f0859;
   font-weight: 500;
   font-size: 20px;
   letter-spacing: 0.6px;
   padding: 0px 15px;
-  margin-left: -2px;
   border-right: 1px solid white;
 }
-/* line 3778, ../../../scss/_clix2017.scss */
+/* line 3780, ../../../scss/_clix2017.scss */
 .activity_player_header .header_title a {
-  color: #ffc14f;
+  color: rgba(107, 0, 84, 0.97);
 }
 @media only screen and (min-device-width: 1025px) and (max-device-width: 2130px) {
-  /* line 3769, ../../../scss/_clix2017.scss */
+  /* line 3771, ../../../scss/_clix2017.scss */
   .activity_player_header .header_title {
     text-overflow: ellipsis;
     width: calc(100% - 938px);
   }
 }
 @media only screen and (min-device-width: 2131px) {
-  /* line 3769, ../../../scss/_clix2017.scss */
+  /* line 3771, ../../../scss/_clix2017.scss */
   .activity_player_header .header_title {
     text-overflow: ellipsis;
     width: calc(100% - 970px);
   }
 }
 @media only screen and (max-device-width: 1024px) {
-  /* line 3769, ../../../scss/_clix2017.scss */
+  /* line 3771, ../../../scss/_clix2017.scss */
   .activity_player_header .header_title {
     text-overflow: ellipsis;
     width: calc(100% - 753px);
   }
 }
-/* line 3855, ../../../scss/_clix2017.scss */
+/* line 3857, ../../../scss/_clix2017.scss */
 .activity_player_header .header_icon {
   font-size: 16px;
   line-height: 45px;
-  color: #ffc14f;
+  color: rgba(107, 0, 84, 0.97);
 }
-/* line 3861, ../../../scss/_clix2017.scss */
+/* line 3863, ../../../scss/_clix2017.scss */
 .activity_player_header .header_icon_block {
-  color: #ffc14f;
+  color: rgba(107, 0, 84, 0.97);
   width: 70px;
   cursor: pointer;
   text-align: center;
 }
-/* line 3867, ../../../scss/_clix2017.scss */
+/* line 3869, ../../../scss/_clix2017.scss */
 .activity_player_header .header_text_sm_block {
   padding: 0px 10px;
 }
 @media screen and (min-width: 1025px) {
-  /* line 3867, ../../../scss/_clix2017.scss */
+  /* line 3869, ../../../scss/_clix2017.scss */
   .activity_player_header .header_text_sm_block {
     padding: 0px 15px;
   }
 }
 @media screen and (min-width: 1025px) {
-  /* line 3874, ../../../scss/_clix2017.scss */
+  /* line 3876, ../../../scss/_clix2017.scss */
   .activity_player_header .lesson-nav {
     float: right;
     margin-right: 70px;
-    background-color: rgba(107, 0, 84, 0.97);
+    background-color: #ffffff;
   }
 }
 @media screen and (max-width: 1024px) {
-  /* line 3874, ../../../scss/_clix2017.scss */
+  /* line 3876, ../../../scss/_clix2017.scss */
   .activity_player_header .lesson-nav {
-    background-color: rgba(107, 0, 84, 0.97);
+    background-color: #ffffff;
   }
 }
-/* line 3887, ../../../scss/_clix2017.scss */
+/* line 3889, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav div {
   height: 45px;
   line-height: 45px;
   display: inline-block;
   vertical-align: top;
 }
-/* line 3893, ../../../scss/_clix2017.scss */
+/* line 3895, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_block {
   padding: 0px 15px;
   margin-left: -2px;
   border-right: 1px solid white;
 }
-/* line 3897, ../../../scss/_clix2017.scss */
+/* line 3900, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_block a {
-  color: #ffc14f;
+  color: rgba(107, 0, 84, 0.97);
 }
-/* line 3903, ../../../scss/_clix2017.scss */
+/* line 3906, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_lg_block {
   padding: 0px 9px;
 }
 @media screen and (min-width: 1025px) {
-  /* line 3903, ../../../scss/_clix2017.scss */
+  /* line 3906, ../../../scss/_clix2017.scss */
   .activity_player_header .lesson-nav .header_text_lg_block {
     padding: 0px 15px;
   }
 }
-/* line 3911, ../../../scss/_clix2017.scss */
+/* line 3914, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_md_block {
   padding: 0px 7px;
 }
 @media screen and (min-width: 1025px) {
-  /* line 3911, ../../../scss/_clix2017.scss */
+  /* line 3914, ../../../scss/_clix2017.scss */
   .activity_player_header .lesson-nav .header_text_md_block {
     padding: 0px 15px;
   }
 }
-/* line 3920, ../../../scss/_clix2017.scss */
+/* line 3923, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .back_button {
   border-color: #e0e0e0;
   background-color: rgba(244, 244, 244, 0.3);
 }
-/* line 3923, ../../../scss/_clix2017.scss */
+/* line 3926, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .back_button i {
   color: #71318b;
 }
-/* line 3929, ../../../scss/_clix2017.scss */
+/* line 3932, ../../../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 3933, ../../../scss/_clix2017.scss */
+/* line 3936, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .settings:hover i {
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
 }
-/* line 3939, ../../../scss/_clix2017.scss */
+/* line 3942, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .pagination:not(i) {
   color: #a983b9;
 }
 
-/* line 3948, ../../../scss/_clix2017.scss */
+/* line 3952, ../../../scss/_clix2017.scss */
 .float-right {
   float: right;
 }
 
-/* line 3952, ../../../scss/_clix2017.scss */
+/* line 3956, ../../../scss/_clix2017.scss */
 .float-left {
   float: left;
 }
@@ -3703,7 +3702,7 @@ body {
 /*
 Buddy Vertical Bar Css
 */
-/* line 3961, ../../../scss/_clix2017.scss */
+/* line 3965, ../../../scss/_clix2017.scss */
 .buddy_panel {
   position: fixed;
   right: 0px;
@@ -3715,7 +3714,7 @@ Buddy Vertical Bar Css
   overflow-y: auto;
   z-index: 100;
 }
-/* line 3974, ../../../scss/_clix2017.scss */
+/* line 3978, ../../../scss/_clix2017.scss */
 .buddy_panel .add_buddy_icon {
   height: 50px;
   width: 50px;
@@ -3723,7 +3722,7 @@ Buddy Vertical Bar Css
   cursor: pointer;
 }
 
-/* line 3982, ../../../scss/_clix2017.scss */
+/* line 3986, ../../../scss/_clix2017.scss */
 .buddy_icon {
   border-radius: 4px;
   overflow: hidden;
@@ -3733,13 +3732,13 @@ Buddy Vertical Bar Css
   margin-bottom: 10px;
   position: relative;
 }
-/* line 3991, ../../../scss/_clix2017.scss */
+/* line 3995, ../../../scss/_clix2017.scss */
 .buddy_icon svg {
   height: 50px;
   width: 50px;
   background-color: #fff;
 }
-/* line 3997, ../../../scss/_clix2017.scss */
+/* line 4001, ../../../scss/_clix2017.scss */
 .buddy_icon.buddy_inactive:before {
   content: '';
   position: absolute;
@@ -3750,11 +3749,11 @@ Buddy Vertical Bar Css
   display: block;
   background: rgba(0, 0, 0, 0.5);
 }
-/* line 4008, ../../../scss/_clix2017.scss */
+/* line 4012, ../../../scss/_clix2017.scss */
 .buddy_icon .buddy_edit, .buddy_icon .buddy_delete {
   display: none;
 }
-/* line 4013, ../../../scss/_clix2017.scss */
+/* line 4017, ../../../scss/_clix2017.scss */
 .buddy_icon.buddy_editable:hover .buddy_edit {
   position: absolute;
   background: rgba(255, 255, 255, 0.5);
@@ -3763,7 +3762,7 @@ Buddy Vertical Bar Css
   bottom: 0px;
   display: block;
 }
-/* line 4024, ../../../scss/_clix2017.scss */
+/* line 4028, ../../../scss/_clix2017.scss */
 .buddy_icon.buddy_deleteable:hover .buddy_delete {
   position: absolute;
   background: rgba(255, 255, 255, 0.5);
@@ -3773,43 +3772,43 @@ Buddy Vertical Bar Css
   display: block;
 }
 
-/* line 4035, ../../../scss/_clix2017.scss */
+/* line 4039, ../../../scss/_clix2017.scss */
 .add_buddy_modal {
   padding: 0px;
 }
-/* line 4037, ../../../scss/_clix2017.scss */
+/* line 4041, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_header {
   padding: 10px 20px;
   position: relative;
 }
-/* line 4041, ../../../scss/_clix2017.scss */
+/* line 4045, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_header .modal_title {
   font-size: 25px;
   color: #CE7869;
   letter-spacing: 0;
   line-height: 35px;
 }
-/* line 4047, ../../../scss/_clix2017.scss */
+/* line 4051, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_header .modal_meta {
   font-size: 14px;
   color: #9DBEDD;
   letter-spacing: 0;
   line-height: 30px;
 }
-/* line 4054, ../../../scss/_clix2017.scss */
+/* line 4058, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_header .sample_buddy {
   position: absolute;
   right: 30px;
   top: 15px;
 }
-/* line 4061, ../../../scss/_clix2017.scss */
+/* line 4065, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body {
   background-color: #101d29;
   padding: 10px 20px;
   max-height: 500px;
   overflow: auto;
 }
-/* line 4067, ../../../scss/_clix2017.scss */
+/* line 4071, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .step_title {
   font-size: 20px;
   font-weight: 400;
@@ -3817,11 +3816,11 @@ Buddy Vertical Bar Css
   letter-spacing: 0.9px;
   margin: 10px 0px;
 }
-/* line 4074, ../../../scss/_clix2017.scss */
+/* line 4078, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .step_title .step_number {
   color: #82A4C3;
 }
-/* line 4079, ../../../scss/_clix2017.scss */
+/* line 4083, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_color_option {
   max-width: 75px;
   display: inline-block;
@@ -3829,7 +3828,7 @@ Buddy Vertical Bar Css
   margin: 10px 20px;
   cursor: pointer;
 }
-/* line 4086, ../../../scss/_clix2017.scss */
+/* line 4090, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_color_option .color_sample {
   display: block;
   width: 50px;
@@ -3837,7 +3836,7 @@ Buddy Vertical Bar Css
   border-radius: 100%;
   margin: 0px auto;
 }
-/* line 4094, ../../../scss/_clix2017.scss */
+/* line 4098, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_color_option .color_name {
   text-transform: capitalize;
   font-size: 15px;
@@ -3847,42 +3846,42 @@ Buddy Vertical Bar Css
   letter-spacing: 1px;
   margin-top: 10px;
 }
-/* line 4105, ../../../scss/_clix2017.scss */
+/* line 4109, ../../../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 4111, ../../../scss/_clix2017.scss */
+/* line 4115, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal {
   display: inline-block;
   margin: 10px;
   cursor: pointer;
 }
-/* line 4116, ../../../scss/_clix2017.scss */
+/* line 4120, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal svg {
   height: 80px;
   width: 80px;
 }
-/* line 4120, ../../../scss/_clix2017.scss */
+/* line 4124, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal svg path {
   fill: #374B5E;
 }
-/* line 4125, ../../../scss/_clix2017.scss */
+/* line 4129, ../../../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 4133, ../../../scss/_clix2017.scss */
+/* line 4137, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal:hover path, .add_buddy_modal .modal_body .buddy_animal.selected path {
   fill: #bfe0ff;
 }
-/* line 4140, ../../../scss/_clix2017.scss */
+/* line 4144, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_footer {
   height: 70px;
   padding: 20px;
 }
-/* line 4145, ../../../scss/_clix2017.scss */
+/* line 4149, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_footer .removeBuddy i {
   color: #bd2b2b;
   font-size: 25px;
@@ -3891,7 +3890,7 @@ Buddy Vertical Bar Css
 /*
     Common css that can be kept at a single place.
 */
-/* line 4160, ../../../scss/_clix2017.scss */
+/* line 4164, ../../../scss/_clix2017.scss */
 .blue_round_button {
   background-color: #00a9ee;
   color: #fff;
@@ -3902,7 +3901,7 @@ Buddy Vertical Bar Css
   line-height: 25px;
 }
 
-/* line 4169, ../../../scss/_clix2017.scss */
+/* line 4173, ../../../scss/_clix2017.scss */
 .text_button {
   background-color: #fff;
   color: #949494;
@@ -3913,7 +3912,7 @@ Buddy Vertical Bar Css
   line-height: 25px;
 }
 
-/* line 4179, ../../../scss/_clix2017.scss */
+/* line 4183, ../../../scss/_clix2017.scss */
 .edit_button {
   background-color: #fff;
   color: #717171;
@@ -3925,21 +3924,21 @@ Buddy Vertical Bar Css
   margin-top: 10px;
   margin-right: -50px;
 }
-/* line 4189, ../../../scss/_clix2017.scss */
+/* line 4193, ../../../scss/_clix2017.scss */
 .edit_button:hover {
   color: #ce7869;
 }
 
-/* line 4198, ../../../scss/_clix2017.scss */
+/* line 4202, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 {
   margin-bottom: 0px;
   background-color: #fff;
 }
-/* line 4201, ../../../scss/_clix2017.scss */
+/* line 4205, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li {
   display: inline-block;
 }
-/* line 4204, ../../../scss/_clix2017.scss */
+/* line 4208, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a {
   list-style-type: none;
   display: inline-block;
@@ -3950,71 +3949,69 @@ ul.nav_menu_1 > li > a {
   letter-spacing: 0.8px;
   border-bottom: 5px solid transparent;
 }
-/* line 4215, ../../../scss/_clix2017.scss */
+/* line 4219, ../../../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 4227, ../../../scss/_clix2017.scss */
+/* line 4231, ../../../scss/_clix2017.scss */
 .activity_sheet {
   background: rgba(231, 231, 231, 0.12);
-  box-shadow: 0px 2px 6px #000;
   margin: 0px auto;
   padding: 0px 0px;
   max-width: 100vw;
 }
-/* line 4234, ../../../scss/_clix2017.scss */
+/* line 4238, ../../../scss/_clix2017.scss */
 .activity_sheet > .columns {
   padding: 0px;
   height: 100%;
 }
-/* line 4238, ../../../scss/_clix2017.scss */
+/* line 4242, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor {
   margin-bottom: 10px;
   position: relative;
+  margin-top: 2px;
   /*Overriding default*/
   /*Custom css*/
 }
-/* line 4244, ../../../scss/_clix2017.scss */
+/* line 4249, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .accordion .accordion-navigation > .content, .activity_sheet .course_editor .accordion dd > .content {
   padding: 0px;
   padding-left: 0px;
 }
-/* line 4250, ../../../scss/_clix2017.scss */
+/* line 4255, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor > div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 4255, ../../../scss/_clix2017.scss */
+/* line 4260, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree {
   transition: all 1s ease;
   -webkit-transition: all 1s ease;
   width: 100%;
   background-color: #fff;
-  max-height: 100%;
   overflow-y: auto;
-  height: 100vh;
 }
-/* line 4264, ../../../scss/_clix2017.scss */
+/* line 4269, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd {
   border-bottom: 2px solid #9abfd9;
   transition: border-color 1s ease;
   -webkit-transition: border-color 1s ease;
 }
-/* line 4268, ../../../scss/_clix2017.scss */
+/* line 4273, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation {
   position: relative;
   padding-left: 0px;
 }
-/* line 4275, ../../../scss/_clix2017.scss */
+/* line 4280, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation > a:before {
   position: absolute;
   left: 23px;
   line-height: 20px;
   color: #74b3dc;
 }
-/* line 4284, ../../../scss/_clix2017.scss */
+/* line 4289, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title {
   background: inherit;
   cursor: pointer;
@@ -4023,7 +4020,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 4291, ../../../scss/_clix2017.scss */
+/* line 4296, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity {
   color: #c9d1d8;
   font-weight: 400;
@@ -4032,15 +4029,15 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   display: none;
 }
-/* line 4300, ../../../scss/_clix2017.scss */
+/* line 4305, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity i {
   display: none;
 }
-/* line 4305, ../../../scss/_clix2017.scss */
+/* line 4310, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity > .entity_actions {
   margin-bottom: 0px;
 }
-/* line 4309, ../../../scss/_clix2017.scss */
+/* line 4314, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity > .entity_actions li {
   white-space: nowrap;
   list-style: none;
@@ -4048,21 +4045,21 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 0px 10px;
   cursor: pointer;
 }
-/* line 4319, ../../../scss/_clix2017.scss */
+/* line 4324, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title:hover .edit_entity {
   display: block;
 }
-/* line 4325, ../../../scss/_clix2017.scss */
+/* line 4330, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation.active > a:before {
   content: '';
   line-height: 55px;
   color: #d7d7d7;
 }
-/* line 4333, ../../../scss/_clix2017.scss */
+/* line 4338, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation .course-activities {
   margin: 0px;
 }
-/* line 4335, ../../../scss/_clix2017.scss */
+/* line 4340, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation .course-activities > li {
   list-style: none;
   border-top: 1px solid #e9e9e9;
@@ -4071,7 +4068,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 4342, ../../../scss/_clix2017.scss */
+/* line 4347, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation .course-activities > li > a {
   color: #7ca0d0;
   width: 100%;
@@ -4079,11 +4076,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 4351, ../../../scss/_clix2017.scss */
+/* line 4356, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation .content {
   background: inherit;
 }
-/* line 4360, ../../../scss/_clix2017.scss */
+/* line 4365, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section {
   width: 0%;
   display: inline-block;
@@ -4095,48 +4092,48 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   overflow-y: auto;
   background: #fff;
 }
-/* line 4370, ../../../scss/_clix2017.scss */
+/* line 4375, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header {
   height: 100px;
   background-color: #e5f1f6;
   border-bottom: 1px solid #e6e6e7;
 }
-/* line 4375, ../../../scss/_clix2017.scss */
+/* line 4380, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header .header-left {
   padding: 29px 0px;
 }
-/* line 4378, ../../../scss/_clix2017.scss */
+/* line 4383, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header .header-left > span {
   color: #3c5264;
   font-weight: 600;
   margin-right: 10px;
 }
-/* line 4387, ../../../scss/_clix2017.scss */
+/* line 4392, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header .custom_dropdown {
   margin: 40px 35px 0px;
 }
-/* line 4392, ../../../scss/_clix2017.scss */
+/* line 4397, ../../../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 4396, ../../../scss/_clix2017.scss */
+/* line 4401, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions ul {
   margin: 0px;
 }
-/* line 4398, ../../../scss/_clix2017.scss */
+/* line 4403, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions ul li {
   list-style: none;
   display: inline-block;
 }
-/* line 4401, ../../../scss/_clix2017.scss */
+/* line 4406, ../../../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 4407, ../../../scss/_clix2017.scss */
+/* line 4412, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions ul li span {
   display: inline-block;
   letter-spacing: 0.5px;
@@ -4145,34 +4142,31 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   cursor: pointer;
 }
 
-/* line 4423, ../../../scss/_clix2017.scss */
+/* line 4428, ../../../scss/_clix2017.scss */
 .course_editor_section {
   background: #fff;
   min-height: 100vh;
   min-width: 910px;
   margin-bottom: 10px;
   padding-right: 4px;
-}
-/* line 4429, ../../../scss/_clix2017.scss */
-.course_editor_section #scstyle {
-  margin-top: -10px;
+  margin-top: 2px;
 }
 
-/* line 4434, ../../../scss/_clix2017.scss */
+/* line 4438, ../../../scss/_clix2017.scss */
 .lesson-title {
   font-size: 18px;
   padding-top: 10px;
   padding-left: 10px;
 }
 
-/* line 4440, ../../../scss/_clix2017.scss */
+/* line 4445, ../../../scss/_clix2017.scss */
 .activity-title {
   font-size: 18px;
   padding-top: 10px;
   padding-left: 23px;
   margin: 0px;
 }
-/* line 4446, ../../../scss/_clix2017.scss */
+/* line 4451, ../../../scss/_clix2017.scss */
 .activity-title > li {
   list-style: none;
   border-top: 1px solid #e9e9e9;
@@ -4182,29 +4176,33 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   -webkit-transition: border-color 1s ease;
   margin-left: -23px;
 }
-/* line 4455, ../../../scss/_clix2017.scss */
+/* line 4460, ../../../scss/_clix2017.scss */
 .activity-title > li.active {
   background: rgba(116, 0, 255, 0.31);
 }
-/* line 4459, ../../../scss/_clix2017.scss */
+/* line 4464, ../../../scss/_clix2017.scss */
 .activity-title > li > a {
   color: black;
 }
+/* line 4467, ../../../scss/_clix2017.scss */
+.activity-title > li:hover {
+  background: rgba(111, 8, 89, 0.24);
+}
 
-/* line 4468, ../../../scss/_clix2017.scss */
+/* line 4477, ../../../scss/_clix2017.scss */
 .activity_page_rendered {
   margin-left: 20px;
   max-width: 100%;
 }
 
 /* Rating css */
-/* line 4477, ../../../scss/_clix2017.scss */
+/* line 4486, ../../../scss/_clix2017.scss */
 .rating-bar {
   /* the hidden clearer */
   /* this is gross, I threw this in to override the starred
   buttons when hovering. */
 }
-/* line 4479, ../../../scss/_clix2017.scss */
+/* line 4488, ../../../scss/_clix2017.scss */
 .rating-bar > span {
   /* remove inline-block whitespace */
   font-size: 0;
@@ -4212,19 +4210,19 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   unicode-bidi: bidi-override;
   direction: rtl;
 }
-/* line 4487, ../../../scss/_clix2017.scss */
+/* line 4496, ../../../scss/_clix2017.scss */
 .rating-bar.unrated {
   /* If the user has not rated yet */
 }
-/* line 4489, ../../../scss/_clix2017.scss */
+/* line 4498, ../../../scss/_clix2017.scss */
 .rating-bar.unrated:checked ~ label:before {
   color: #ffc14e;
 }
-/* line 4495, ../../../scss/_clix2017.scss */
+/* line 4504, ../../../scss/_clix2017.scss */
 .rating-bar [type*="radio"] {
   display: none;
 }
-/* line 4497, ../../../scss/_clix2017.scss */
+/* line 4506, ../../../scss/_clix2017.scss */
 .rating-bar [type*="radio"] + label {
   /* only enough room for the star */
   display: inline-block;
@@ -4237,7 +4235,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 0;
   vertical-align: bottom;
 }
-/* line 4509, ../../../scss/_clix2017.scss */
+/* line 4518, ../../../scss/_clix2017.scss */
 .rating-bar [type*="radio"] + label:before {
   display: inline-block;
   text-indent: -9999px;
@@ -4245,32 +4243,32 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   /* WHITE STAR */
   color: #888;
 }
-/* line 4516, ../../../scss/_clix2017.scss */
+/* line 4525, ../../../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 4527, ../../../scss/_clix2017.scss */
+/* line 4536, ../../../scss/_clix2017.scss */
 .rating-bar .last[type*="radio"] + label {
   text-indent: -9999px;
   width: .5em;
   margin-left: -.5em;
 }
-/* line 4534, ../../../scss/_clix2017.scss */
+/* line 4543, ../../../scss/_clix2017.scss */
 .rating-bar .last[type*="radio"] + label:before {
   width: .5em;
   height: 1.4em;
 }
-/* line 4542, ../../../scss/_clix2017.scss */
+/* line 4551, ../../../scss/_clix2017.scss */
 .rating-bar:hover [type*="radio"] + label:before {
   content: '\2606';
   /* WHITE STAR */
   color: #888;
   text-shadow: none;
 }
-/* line 4547, ../../../scss/_clix2017.scss */
+/* line 4556, ../../../scss/_clix2017.scss */
 .rating-bar:hover [type*="radio"] + label:hover ~ label:before,
 .rating-bar:hover [type*="radio"] + label:hover:before {
   content: '\2605';
@@ -4282,7 +4280,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
  * Sass styles related to unit cards
  */
-/* line 4566, ../../../scss/_clix2017.scss */
+/* line 4575, ../../../scss/_clix2017.scss */
 .unit_card {
   width: 300px;
   color: #000;
@@ -4294,11 +4292,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   height: 210px;
 }
-/* line 4578, ../../../scss/_clix2017.scss */
+/* line 4587, ../../../scss/_clix2017.scss */
 .unit_card:hover {
   box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
 }
-/* line 4583, ../../../scss/_clix2017.scss */
+/* line 4592, ../../../scss/_clix2017.scss */
 .unit_card .unit_status {
   position: absolute;
   right: 0px;
@@ -4309,11 +4307,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-radius: 3px;
   letter-spacing: 0.6px;
 }
-/* line 4594, ../../../scss/_clix2017.scss */
+/* line 4603, ../../../scss/_clix2017.scss */
 .unit_card .unit_header {
   display: table;
 }
-/* line 4596, ../../../scss/_clix2017.scss */
+/* line 4605, ../../../scss/_clix2017.scss */
 .unit_card .unit_header .unit_banner {
   display: table-cell;
   border-radius: 5px;
@@ -4322,7 +4320,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-right: 10px;
   color: #333333;
 }
-/* line 4604, ../../../scss/_clix2017.scss */
+/* line 4613, ../../../scss/_clix2017.scss */
 .unit_card .unit_header .unit_title {
   display: table-cell;
   font-size: 20px;
@@ -4336,7 +4334,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   vertical-align: middle;
   color: #333333;
 }
-/* line 4618, ../../../scss/_clix2017.scss */
+/* line 4627, ../../../scss/_clix2017.scss */
 .unit_card .unit_desc {
   display: block;
   /* Fallback for non-webkit */
@@ -4353,16 +4351,16 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 10px 0px 20px;
   color: #333333;
 }
-/* line 4634, ../../../scss/_clix2017.scss */
+/* line 4643, ../../../scss/_clix2017.scss */
 .unit_card .unit_breif .unit_breif_row i {
   margin-right: 10px;
   color: #99aaba;
 }
-/* line 4640, ../../../scss/_clix2017.scss */
+/* line 4649, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions {
   padding: 5px 0px;
 }
-/* line 4645, ../../../scss/_clix2017.scss */
+/* line 4654, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .unit-card-enrol {
   background: #a2238d;
   height: 37px;
@@ -4375,11 +4373,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 4657, ../../../scss/_clix2017.scss */
+/* line 4666, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .unit-card-enrol:hover {
   box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.68);
 }
-/* line 4662, ../../../scss/_clix2017.scss */
+/* line 4671, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .unit-card-analytics {
   color: #a2238d;
   font-weight: 500;
@@ -4387,7 +4385,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   letter-spacing: 0.3px;
   border-bottom: 2px solid #a2238d;
 }
-/* line 4670, ../../../scss/_clix2017.scss */
+/* line 4679, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .unit-card-analytics-points {
   background: #ffffff;
   color: #a2238d;
@@ -4398,7 +4396,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   font-weight: bold;
   cursor: default;
 }
-/* line 4681, ../../../scss/_clix2017.scss */
+/* line 4690, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .view_unit {
   height: 37px;
   text-align: center;
@@ -4407,7 +4405,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 4689, ../../../scss/_clix2017.scss */
+/* line 4698, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .view_unit:hover {
   border-bottom: 2px solid #ffc14e;
 }
@@ -4415,7 +4413,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /*
    Common css
  */
-/* line 4700, ../../../scss/_clix2017.scss */
+/* line 4709, ../../../scss/_clix2017.scss */
 .text-button-blue {
   background-color: transparent;
   color: #00A9EE;
@@ -4428,54 +4426,54 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
     Status styles added for the unit styles.
  */
-/* line 4719, ../../../scss/_clix2017.scss */
+/* line 4728, ../../../scss/_clix2017.scss */
 .in-progress-status {
   color: #fff;
   background-color: #fd9e29;
 }
 
-/* line 4724, ../../../scss/_clix2017.scss */
+/* line 4733, ../../../scss/_clix2017.scss */
 .in-complete-status {
   color: #fff;
   background-color: #fd9e29;
 }
 
-/* line 4729, ../../../scss/_clix2017.scss */
+/* line 4738, ../../../scss/_clix2017.scss */
 .thumbnail_style {
   margin-top: -30px;
   margin-left: -30px;
 }
 
-/* line 4734, ../../../scss/_clix2017.scss */
+/* line 4743, ../../../scss/_clix2017.scss */
 .strip {
   height: 143px;
   margin-left: -13px;
   margin-bottom: 10px;
 }
 
-/* line 4740, ../../../scss/_clix2017.scss */
+/* line 4749, ../../../scss/_clix2017.scss */
 .title-strip {
   box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
   margin-top: -29px;
   padding-left: 10px;
 }
-/* line 4744, ../../../scss/_clix2017.scss */
+/* line 4753, ../../../scss/_clix2017.scss */
 .title-strip a {
   float: right;
   padding-right: 18px;
   text-transform: uppercase;
   color: #007095;
 }
-/* line 4754, ../../../scss/_clix2017.scss */
+/* line 4763, ../../../scss/_clix2017.scss */
 .title-strip .position-actions {
   margin-top: -60px;
   margin-left: 760px;
 }
-/* line 4759, ../../../scss/_clix2017.scss */
+/* line 4768, ../../../scss/_clix2017.scss */
 .title-strip .right-margin {
   margin-right: 46px;
 }
-/* line 4762, ../../../scss/_clix2017.scss */
+/* line 4771, ../../../scss/_clix2017.scss */
 .title-strip .course_actions > span {
   background: #fff;
   border: 1px solid rgba(255, 255, 255, 0.7);
@@ -4489,7 +4487,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 30px;
   z-index: 1;
 }
-/* line 4779, ../../../scss/_clix2017.scss */
+/* line 4788, ../../../scss/_clix2017.scss */
 .title-strip .course_actions > i {
   margin-right: 3px;
   background: rgba(0, 0, 0, 0.6);
@@ -4502,7 +4500,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-radius: 3px;
 }
 
-/* line 4793, ../../../scss/_clix2017.scss */
+/* line 4802, ../../../scss/_clix2017.scss */
 .dropdown-settings {
   text-align: left;
   text-transform: none;
@@ -4512,13 +4510,13 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   background: white;
   border-radius: 1px;
 }
-/* line 4801, ../../../scss/_clix2017.scss */
+/* line 4810, ../../../scss/_clix2017.scss */
 .dropdown-settings:hover {
   color: #ce7869;
   border-left: 2px solid #ffc14e;
 }
 
-/* line 4807, ../../../scss/_clix2017.scss */
+/* line 4816, ../../../scss/_clix2017.scss */
 .activity-slides-container {
   height: 100%;
   width: 80%;
@@ -4527,19 +4525,19 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   padding: 0em 0em 0em 0em;
   margin-bottom: 15px;
 }
-/* line 4816, ../../../scss/_clix2017.scss */
+/* line 4825, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides {
   height: 100%;
   color: #f8f8f8;
 }
-/* line 4821, ../../../scss/_clix2017.scss */
+/* line 4830, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide {
   padding: 1em;
   height: inherit;
   background: #fff;
   position: relative;
 }
-/* line 4827, ../../../scss/_clix2017.scss */
+/* line 4836, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide .view-related-content {
   border: 1px solid #999;
   display: inline-block;
@@ -4547,12 +4545,12 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #999999;
   margin-left: 12%;
 }
-/* line 4835, ../../../scss/_clix2017.scss */
+/* line 4844, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide .page > section {
   margin-left: 50%;
   transform: translate(-50%);
 }
-/* line 4841, ../../../scss/_clix2017.scss */
+/* line 4850, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .related-content-close {
   position: absolute;
   right: -2px;
@@ -4561,21 +4559,21 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   display: none;
   color: #8E8E8E;
 }
-/* line 4850, ../../../scss/_clix2017.scss */
+/* line 4859, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded > i {
   font-size: 20px !important;
   color: #ccc !important;
   top: 8px !important;
 }
-/* line 4855, ../../../scss/_clix2017.scss */
+/* line 4864, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header {
   margin-left: 20px !important;
 }
-/* line 4857, ../../../scss/_clix2017.scss */
+/* line 4866, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header > span:first-child {
   display: none !important;
 }
-/* line 4860, ../../../scss/_clix2017.scss */
+/* line 4869, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .back-to-activity {
   display: inline-block !important;
   float: right;
@@ -4586,24 +4584,24 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #757575;
   margin-right: 20px;
 }
-/* line 4870, ../../../scss/_clix2017.scss */
+/* line 4879, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title {
   font-size: 15px !important;
   position: relative;
 }
-/* line 4874, ../../../scss/_clix2017.scss */
+/* line 4883, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title .related-content-close {
   display: block;
 }
-/* line 4877, ../../../scss/_clix2017.scss */
+/* line 4886, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title > i {
   display: none !important;
 }
-/* line 4882, ../../../scss/_clix2017.scss */
+/* line 4891, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-body {
   display: block !important;
 }
-/* line 4886, ../../../scss/_clix2017.scss */
+/* line 4895, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content {
   width: 100%;
   margin: 0px auto;
@@ -4615,7 +4613,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   color: #222222;
 }
-/* line 4897, ../../../scss/_clix2017.scss */
+/* line 4906, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content > i {
   color: #fff;
   font-size: 40px;
@@ -4623,15 +4621,15 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   left: 8px;
   top: 4px;
 }
-/* line 4905, ../../../scss/_clix2017.scss */
+/* line 4914, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header {
   margin-left: 40px;
 }
-/* line 4907, ../../../scss/_clix2017.scss */
+/* line 4916, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header .back-to-activity {
   display: none;
 }
-/* line 4910, ../../../scss/_clix2017.scss */
+/* line 4919, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header span {
   display: block;
   vertical-align: top;
@@ -4641,13 +4639,13 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   letter-spacing: 0.8px;
   color: #999999;
 }
-/* line 4919, ../../../scss/_clix2017.scss */
+/* line 4928, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header .related-content-title {
   font-size: 20px;
   color: #000;
   cursor: pointer;
 }
-/* line 4925, ../../../scss/_clix2017.scss */
+/* line 4934, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-body {
   display: none;
 }
@@ -4655,7 +4653,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
  * Sass styles related to module cards
  */
-/* line 4940, ../../../scss/_clix2017.scss */
+/* line 4949, ../../../scss/_clix2017.scss */
 .module_card {
   display: table;
   height: 290px;
@@ -4666,16 +4664,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 4950, ../../../scss/_clix2017.scss */
+/* line 4959, ../../../scss/_clix2017.scss */
 .module_card:hover {
   box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.68);
 }
-/* line 4954, ../../../scss/_clix2017.scss */
+/* line 4963, ../../../scss/_clix2017.scss */
 .module_card > div {
   display: table-cell;
   height: 290px;
 }
-/* line 4959, ../../../scss/_clix2017.scss */
+/* line 4968, ../../../scss/_clix2017.scss */
 .module_card .card_banner {
   width: 250px;
   height: 290px;
@@ -4689,14 +4687,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 4972, ../../../scss/_clix2017.scss */
+/* line 4981, ../../../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 4977, ../../../scss/_clix2017.scss */
+/* line 4986, ../../../scss/_clix2017.scss */
 .module_card .card_banner > img:hover {
   -webkit-transform: scale(1.03);
   -moz-transform: scale(1.03);
@@ -4705,7 +4703,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   transform: scale(1.03);
   opacity: 0.8;
 }
-/* line 4989, ../../../scss/_clix2017.scss */
+/* line 4998, ../../../scss/_clix2017.scss */
 .module_card .card_banner > h4 {
   position: absolute;
   top: 100px;
@@ -4714,7 +4712,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 5004, ../../../scss/_clix2017.scss */
+/* line 5013, ../../../scss/_clix2017.scss */
 .module_card .card_title {
   display: block;
   width: 230px;
@@ -4724,27 +4722,27 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 0px auto;
   letter-spacing: 1px;
 }
-/* line 5015, ../../../scss/_clix2017.scss */
+/* line 5024, ../../../scss/_clix2017.scss */
 .module_card.animated_card .card_banner {
   border-radius: 8px;
 }
-/* line 5018, ../../../scss/_clix2017.scss */
+/* line 5027, ../../../scss/_clix2017.scss */
 .module_card.animated_card:hover .card_banner {
   border-radius: 8px 0px 0px 8px;
 }
-/* line 5023, ../../../scss/_clix2017.scss */
+/* line 5032, ../../../scss/_clix2017.scss */
 .module_card.animated_card.isOpen .card_banner {
   border-radius: 8px 0px 0px 8px;
 }
-/* line 5027, ../../../scss/_clix2017.scss */
+/* line 5036, ../../../scss/_clix2017.scss */
 .module_card.animated_card:hover .card_summary {
   left: 30px;
 }
-/* line 5030, ../../../scss/_clix2017.scss */
+/* line 5039, ../../../scss/_clix2017.scss */
 .module_card.animated_card .card_summary {
   left: 5px;
 }
-/* line 5034, ../../../scss/_clix2017.scss */
+/* line 5043, ../../../scss/_clix2017.scss */
 .module_card .card_summary {
   width: 290px;
   padding: 0px 15px;
@@ -4760,35 +4758,35 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   /* Safari */
   transition-property: left;
 }
-/* line 5048, ../../../scss/_clix2017.scss */
+/* line 5057, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_label {
   font-weight: 500;
   font-size: 12.5px;
   letter-spacing: 1px;
   color: black;
 }
-/* line 5054, ../../../scss/_clix2017.scss */
+/* line 5063, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section {
   margin: 5px 0px;
   padding: 5px 0px;
 }
-/* line 5058, ../../../scss/_clix2017.scss */
+/* line 5067, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section:not(:last-child) {
   border-bottom: 1px solid #ccc;
 }
-/* line 5061, ../../../scss/_clix2017.scss */
+/* line 5070, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section p {
   margin-bottom: 7px;
   font-size: 12.5px;
 }
-/* line 5065, ../../../scss/_clix2017.scss */
+/* line 5074, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .ellipsis {
   width: 245px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-/* line 5073, ../../../scss/_clix2017.scss */
+/* line 5082, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .module-card-enrol {
   background: #a2238d;
   height: 37px;
@@ -4802,11 +4800,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 5086, ../../../scss/_clix2017.scss */
+/* line 5095, ../../../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 5092, ../../../scss/_clix2017.scss */
+/* line 5101, ../../../scss/_clix2017.scss */
 .module_card .card_summary .module_brief {
   display: block;
   /* Fallback for non-webkit */
@@ -4823,14 +4821,14 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: black;
 }
 
-/* line 5116, ../../../scss/_clix2017.scss */
+/* line 5125, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner {
   width: 100%;
   height: 150px;
   background-size: 100% 100%;
   position: relative;
 }
-/* line 5124, ../../../scss/_clix2017.scss */
+/* line 5133, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner:before {
   content: ' ';
   background-color: rgba(0, 0, 0, 0.1);
@@ -4843,27 +4841,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 5137, ../../../scss/_clix2017.scss */
+/* line 5146, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner:before a {
   cursor: pointer;
 }
-/* line 5142, ../../../scss/_clix2017.scss */
+/* line 5151, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .div-height {
   height: 150px !important;
   background-size: 100% 100%;
   position: absolute !important;
 }
-/* line 5150, ../../../scss/_clix2017.scss */
+/* line 5159, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .enroll_unit > a {
   cursor: pointer;
 }
-/* line 5154, ../../../scss/_clix2017.scss */
+/* line 5163, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading {
   color: #fff;
   display: inline-block;
   vertical-align: top;
 }
-/* line 5160, ../../../scss/_clix2017.scss */
+/* line 5169, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading .unit_name {
   font-size: 36px;
   font-family: OpenSans-Semibold;
@@ -4874,17 +4872,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 5171, ../../../scss/_clix2017.scss */
+/* line 5180, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading .right-margin {
   margin-right: 46px;
 }
 
-/* line 5180, ../../../scss/_clix2017.scss */
+/* line 5189, ../../../scss/_clix2017.scss */
 .border-bottom-lms-header {
   border-bottom: 1px solid #00000029;
 }
 
-/* line 5185, ../../../scss/_clix2017.scss */
+/* line 5194, ../../../scss/_clix2017.scss */
 .lms_secondary_header {
   width: 100%;
   position: relative;
@@ -4892,11 +4890,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 5191, ../../../scss/_clix2017.scss */
+/* line 5200, ../../../scss/_clix2017.scss */
 .lms_secondary_header .course_actions {
   margin-top: 8px;
 }
-/* line 5194, ../../../scss/_clix2017.scss */
+/* line 5203, ../../../scss/_clix2017.scss */
 .lms_secondary_header .course_actions > span {
   background: #2e3f51;
   border: 1px solid rgba(255, 255, 255, 0.7);
@@ -4908,11 +4906,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 5208, ../../../scss/_clix2017.scss */
+  /* line 5217, ../../../scss/_clix2017.scss */
   .lms_secondary_header .course_actions .course_actions {
     margin-top: 8px;
   }
-  /* line 5211, ../../../scss/_clix2017.scss */
+  /* line 5220, ../../../scss/_clix2017.scss */
   .lms_secondary_header .course_actions .course_actions > span {
     margin-left: 50px;
     background: #2e3f51;
@@ -4926,18 +4924,18 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   }
 }
 
-/* line 5233, ../../../scss/_clix2017.scss */
+/* line 5242, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 {
   margin-bottom: 0px;
   background-color: #fff;
   display: inline;
   width: 50%;
 }
-/* line 5238, ../../../scss/_clix2017.scss */
+/* line 5247, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li {
   display: inline-block;
 }
-/* line 5241, ../../../scss/_clix2017.scss */
+/* line 5250, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a {
   list-style-type: none;
   display: inline-block;
@@ -4948,23 +4946,23 @@ ul.nav_menu_1 > li > a {
   letter-spacing: 0.8px;
   border-bottom: 3px solid transparent;
 }
-/* line 5252, ../../../scss/_clix2017.scss */
+/* line 5261, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-bottom: 3px solid #a2238d;
 }
 
-/* line 5260, ../../../scss/_clix2017.scss */
+/* line 5269, ../../../scss/_clix2017.scss */
 ul.authoring-tab {
   background-color: #164a7b;
   margin-bottom: 0px;
   display: inline;
   width: 50%;
 }
-/* line 5265, ../../../scss/_clix2017.scss */
+/* line 5274, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li {
   display: inline-block;
 }
-/* line 5268, ../../../scss/_clix2017.scss */
+/* line 5277, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li > a {
   list-style-type: none;
   margin-right: -4px;
@@ -4977,61 +4975,61 @@ ul.authoring-tab > li > a {
   border-bottom: 3px solid transparent;
   color: #ffffff !important;
 }
-/* line 5279, ../../../scss/_clix2017.scss */
+/* line 5288, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-bottom: 3px solid #a2238d;
 }
 
-/* line 5290, ../../../scss/_clix2017.scss */
+/* line 5299, ../../../scss/_clix2017.scss */
 .course-content {
   background: #fff;
   margin: 20px auto;
   padding: 20px 0px;
   margin-top: 0px;
 }
-/* line 5298, ../../../scss/_clix2017.scss */
+/* line 5307, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node.jqtree-selected .jqtree-element {
   background: #fff;
 }
-/* line 5301, ../../../scss/_clix2017.scss */
+/* line 5310, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node > div {
   height: 35px;
 }
-/* line 5303, ../../../scss/_clix2017.scss */
+/* line 5312, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node > div a {
   margin-right: 0.7em;
 }
-/* line 5310, ../../../scss/_clix2017.scss */
+/* line 5319, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name {
   padding-left: 20px;
 }
-/* line 5312, ../../../scss/_clix2017.scss */
+/* line 5321, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name:not(:last-child) {
   border-bottom: 1px solid #d2cfcf;
 }
-/* line 5317, ../../../scss/_clix2017.scss */
+/* line 5326, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name > div .jqtree-title {
   color: #3c5264;
   font-size: 19px;
   font-weight: 600;
 }
-/* line 5325, ../../../scss/_clix2017.scss */
+/* line 5334, ../../../scss/_clix2017.scss */
 .course-content .course-activity-group > div .jqtree-title {
   color: #74a0c0;
   font-size: 17px;
 }
-/* line 5331, ../../../scss/_clix2017.scss */
+/* line 5340, ../../../scss/_clix2017.scss */
 .course-content .course-activity-name > div .jqtree-title {
   color: #74a0c0;
   font-size: 17px;
 }
 
-/* line 5338, ../../../scss/_clix2017.scss */
+/* line 5347, ../../../scss/_clix2017.scss */
 .listing-row {
   margin-top: 10px !important;
 }
 
-/* line 5342, ../../../scss/_clix2017.scss */
+/* line 5351, ../../../scss/_clix2017.scss */
 .raw_material_asset {
   width: auto;
   top: -0.50em;
@@ -5048,7 +5046,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.3px;
 }
 
-/* line 5358, ../../../scss/_clix2017.scss */
+/* line 5367, ../../../scss/_clix2017.scss */
 .status-completed {
   width: auto;
   top: -1.15em;
@@ -5065,7 +5063,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5374, ../../../scss/_clix2017.scss */
+/* line 5383, ../../../scss/_clix2017.scss */
 .status-in-progress {
   width: auto;
   top: -1.15em;
@@ -5082,7 +5080,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5391, ../../../scss/_clix2017.scss */
+/* line 5400, ../../../scss/_clix2017.scss */
 .status-upcoming {
   width: auto;
   top: -1.15em;
@@ -5099,7 +5097,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5408, ../../../scss/_clix2017.scss */
+/* line 5417, ../../../scss/_clix2017.scss */
 .status-draft {
   width: auto;
   top: -1.15em;
@@ -5116,33 +5114,33 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5426, ../../../scss/_clix2017.scss */
+/* line 5435, ../../../scss/_clix2017.scss */
 .lesson-dropdown ul {
   display: none;
 }
 
-/* line 5430, ../../../scss/_clix2017.scss */
+/* line 5439, ../../../scss/_clix2017.scss */
 .lesson-dropdown:hover ul {
   display: block;
 }
 
-/* line 5434, ../../../scss/_clix2017.scss */
+/* line 5443, ../../../scss/_clix2017.scss */
 .lesson_name_in_export {
   list-style: none;
 }
-/* line 5436, ../../../scss/_clix2017.scss */
+/* line 5445, ../../../scss/_clix2017.scss */
 .lesson_name_in_export:hover {
   border-left: 2.5px solid #ce7869;
 }
 
-/* line 5441, ../../../scss/_clix2017.scss */
+/* line 5450, ../../../scss/_clix2017.scss */
 .buddy_margin {
   margin-right: 80px;
   font-family: OpenSans-Regular;
   margin-top: 6px;
 }
 
-/* line 5447, ../../../scss/_clix2017.scss */
+/* line 5456, ../../../scss/_clix2017.scss */
 .lms_explore_head {
   width: 100%;
   height: 45px;
@@ -5150,63 +5148,63 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #164A7B;
   margin-top: -30px;
 }
-/* line 5453, ../../../scss/_clix2017.scss */
+/* line 5462, ../../../scss/_clix2017.scss */
 .lms_explore_head > p {
   margin-left: 81px;
   padding: 12px 0px 0px 1px;
   font-family: OpenSans-Semibold;
   font-size: 20px;
 }
-/* line 5459, ../../../scss/_clix2017.scss */
+/* line 5468, ../../../scss/_clix2017.scss */
 .lms_explore_head > a {
   padding: 12px 85px 3px 0px;
 }
 
-/* line 5463, ../../../scss/_clix2017.scss */
+/* line 5472, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit {
   width: 100%;
   height: 50px;
   background-color: #fff;
   color: #164A7B;
 }
-/* line 5468, ../../../scss/_clix2017.scss */
+/* line 5477, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit > p {
   margin-left: 81px;
   padding: 0px 0px 0px 1px;
   font-family: OpenSans-Semibold;
   font-size: 20px;
 }
-/* line 5474, ../../../scss/_clix2017.scss */
+/* line 5483, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit > a {
   padding: 0px 85px 3px 0px;
 }
 
-/* line 5479, ../../../scss/_clix2017.scss */
+/* line 5488, ../../../scss/_clix2017.scss */
 .lms_explore_back {
   background-color: #fff;
 }
 
-/* line 5483, ../../../scss/_clix2017.scss */
+/* line 5492, ../../../scss/_clix2017.scss */
 .lms_explore_back_unit {
   background-color: #fff;
   margin-top: -23.3px;
 }
 
-/* line 5488, ../../../scss/_clix2017.scss */
+/* line 5497, ../../../scss/_clix2017.scss */
 .empty-dashboard-message {
   border: 3px solid #e4e4e4;
   background: #f8f8f8;
   padding: 40px 0;
   text-align: center;
 }
-/* line 5493, ../../../scss/_clix2017.scss */
+/* line 5502, ../../../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 5499, ../../../scss/_clix2017.scss */
+/* line 5508, ../../../scss/_clix2017.scss */
 .empty-dashboard-message > a {
   background-color: #164a7b;
   border: 1px solid #164a7b;
@@ -5220,7 +5218,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   margin-left: 5px;
   padding: 15px 20px;
 }
-/* line 5512, ../../../scss/_clix2017.scss */
+/* line 5521, ../../../scss/_clix2017.scss */
 .empty-dashboard-message .button-explore-courses {
   font-size: 20px;
   font-weight: normal;
@@ -5230,7 +5228,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   width: 170px;
 }
 
-/* line 5525, ../../../scss/_clix2017.scss */
+/* line 5534, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner {
   width: 100%;
   height: 200px;
@@ -5238,7 +5236,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-size: 100% 100%;
   position: relative;
 }
-/* line 5532, ../../../scss/_clix2017.scss */
+/* line 5541, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner:before {
   content: ' ';
   background-color: rgba(0, 0, 0, 0.1);
@@ -5252,13 +5250,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 5546, ../../../scss/_clix2017.scss */
+/* line 5555, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile {
   position: absolute;
   bottom: 30px;
   left: 40px;
 }
-/* line 5551, ../../../scss/_clix2017.scss */
+/* line 5560, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo {
   display: inline-block;
   margin-right: 10px;
@@ -5267,53 +5265,53 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   overflow: hidden;
   background-color: #fff;
 }
-/* line 5559, ../../../scss/_clix2017.scss */
+/* line 5568, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo svg {
   height: 100px;
   width: 100px;
 }
-/* line 5564, ../../../scss/_clix2017.scss */
+/* line 5573, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo svg path {
   fill: #7a422a;
 }
-/* line 5569, ../../../scss/_clix2017.scss */
+/* line 5578, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .banner_heading {
   color: #fff;
   display: inline-block;
   vertical-align: top;
 }
-/* line 5574, ../../../scss/_clix2017.scss */
+/* line 5583, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .banner_heading .buddy_name {
   font-size: 23px;
   display: block;
   margin-bottom: 10px;
 }
-/* line 5582, ../../../scss/_clix2017.scss */
+/* line 5591, ../../../scss/_clix2017.scss */
 .mydesk_page .page_menu {
   border-bottom: 1px solid #e5e5e5;
 }
-/* line 5586, ../../../scss/_clix2017.scss */
+/* line 5595, ../../../scss/_clix2017.scss */
 .mydesk_page .page_menu li > a {
   padding: 12px 20px 9px;
 }
 
-/* line 5596, ../../../scss/_clix2017.scss */
+/* line 5605, ../../../scss/_clix2017.scss */
 .input_links {
   margin-left: 10px;
 }
-/* line 5598, ../../../scss/_clix2017.scss */
+/* line 5607, ../../../scss/_clix2017.scss */
 .input_links a {
   margin-right: 35px;
   margin-top: 5px;
 }
 
-/* line 5604, ../../../scss/_clix2017.scss */
+/* line 5613, ../../../scss/_clix2017.scss */
 #course-notification
 #status {
   width: 100% !important;
 }
 
-/* line 5610, ../../../scss/_clix2017.scss */
+/* line 5619, ../../../scss/_clix2017.scss */
 .add-note-btn {
   padding: 3px 11px;
   border-radius: 100%;
@@ -5325,7 +5323,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #6153AE;
 }
 
-/* line 5621, ../../../scss/_clix2017.scss */
+/* line 5630, ../../../scss/_clix2017.scss */
 .bef-note-btn {
   padding: 3px 11px;
   border-radius: 100%;
@@ -5337,7 +5335,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #6153AE;
 }
 
-/* line 5632, ../../../scss/_clix2017.scss */
+/* line 5641, ../../../scss/_clix2017.scss */
 .edit-note-btn {
   float: right;
   border: 1px solid #CFCFCF;
@@ -5347,12 +5345,12 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #f7f7f7;
   width: 85px;
 }
-/* line 5640, ../../../scss/_clix2017.scss */
+/* line 5649, ../../../scss/_clix2017.scss */
 .edit-note-btn i {
   margin-right: 5px;
 }
 
-/* line 5644, ../../../scss/_clix2017.scss */
+/* line 5653, ../../../scss/_clix2017.scss */
 .delete-note-btn {
   float: right;
   border: 1px solid #CFCFCF;
@@ -5363,39 +5361,39 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #f7f7f7;
   width: 85px;
 }
-/* line 5653, ../../../scss/_clix2017.scss */
+/* line 5662, ../../../scss/_clix2017.scss */
 .delete-note-btn i {
   margin-right: 5px;
 }
 
-/* line 5658, ../../../scss/_clix2017.scss */
+/* line 5667, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-check {
   color: green;
 }
 
-/* line 5661, ../../../scss/_clix2017.scss */
+/* line 5670, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-check-circle-o {
   color: green;
 }
 
-/* line 5664, ../../../scss/_clix2017.scss */
+/* line 5673, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-clock-o {
   color: orange;
 }
 
-/* line 5667, ../../../scss/_clix2017.scss */
+/* line 5676, ../../../scss/_clix2017.scss */
 .course-status-icon {
   font-size: 20px;
   margin-right: 5px;
 }
 
-/* line 5671, ../../../scss/_clix2017.scss */
+/* line 5680, ../../../scss/_clix2017.scss */
 .img-height {
   height: 150px;
   width: 1351px;
 }
 
-/* line 5676, ../../../scss/_clix2017.scss */
+/* line 5685, ../../../scss/_clix2017.scss */
 .wrapper-footer {
   box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.1);
   border-top: 1px solid #c5c6c7;
@@ -5409,7 +5407,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background: rgba(221, 221, 221, 0.18);
   clear: both;
 }
-/* line 5692, ../../../scss/_clix2017.scss */
+/* line 5701, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix {
   box-sizing: border-box;
   max-width: 1200px;
@@ -5417,85 +5415,85 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   margin-right: auto;
   margin: 0 auto;
 }
-/* line 5700, ../../../scss/_clix2017.scss */
+/* line 5709, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos {
   float: left;
   display: block;
   margin-right: 2.35765%;
   width: 65.88078%;
 }
-/* line 5706, ../../../scss/_clix2017.scss */
+/* line 5715, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos {
   margin: 10px 0px 0px 18px;
 }
-/* line 5709, ../../../scss/_clix2017.scss */
+/* line 5718, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol {
   display: inline;
   list-style-type: none;
 }
-/* line 5712, ../../../scss/_clix2017.scss */
+/* line 5721, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li {
   float: left;
   margin-right: 15px;
 }
-/* line 5715, ../../../scss/_clix2017.scss */
+/* line 5724, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li > a {
   color: #ce7869;
 }
-/* line 5717, ../../../scss/_clix2017.scss */
+/* line 5726, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li > a:hover {
   color: #ce7869;
   border-bottom: 3px solid #ffc14e;
 }
-/* line 5728, ../../../scss/_clix2017.scss */
+/* line 5737, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal {
   margin: 0px 0px 0px 20px;
 }
-/* line 5730, ../../../scss/_clix2017.scss */
+/* line 5739, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol {
   display: inline;
   list-style-type: none;
 }
-/* line 5733, ../../../scss/_clix2017.scss */
+/* line 5742, ../../../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 5738, ../../../scss/_clix2017.scss */
+/* line 5747, ../../../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 5743, ../../../scss/_clix2017.scss */
+/* line 5752, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol li > a:hover {
   color: #777;
   border-bottom: 3px solid #c90d97;
 }
-/* line 5753, ../../../scss/_clix2017.scss */
+/* line 5762, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo {
   margin: 13px 0;
   display: inline-block;
 }
-/* line 5756, ../../../scss/_clix2017.scss */
+/* line 5765, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo p {
   color: inherit;
   margin: 0;
   display: inline-block;
 }
-/* line 5760, ../../../scss/_clix2017.scss */
+/* line 5769, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo p a {
   display: inline-block;
 }
-/* line 5766, ../../../scss/_clix2017.scss */
+/* line 5775, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo .footer-logo > img {
   height: 10px;
 }
 
-/* line 5776, ../../../scss/_clix2017.scss */
+/* line 5785, ../../../scss/_clix2017.scss */
 #overlay {
   /* we set all of the properties for are overlay */
   height: 116px;
@@ -5516,7 +5514,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-radius: 10px;
 }
 
-/* line 5796, ../../../scss/_clix2017.scss */
+/* line 5805, ../../../scss/_clix2017.scss */
 #mask {
   /* create are mask */
   position: fixed;
@@ -5530,13 +5528,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 5807, ../../../scss/_clix2017.scss */
+/* line 5816, ../../../scss/_clix2017.scss */
 #overlay:target, #overlay:target + #mask {
   display: block;
   opacity: 1;
 }
 
-/* line 5811, ../../../scss/_clix2017.scss */
+/* line 5820, ../../../scss/_clix2017.scss */
 .close {
   /* to make a nice looking pure CSS3 close button */
   display: block;
@@ -5558,7 +5556,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-radius: 38px;
 }
 
-/* line 5830, ../../../scss/_clix2017.scss */
+/* line 5839, ../../../scss/_clix2017.scss */
 #open-overlay {
   /* open the overlay */
   padding: 0px 0px;
@@ -5571,7 +5569,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   -o-border-radius: 10px;
 }
 
-/* line 5841, ../../../scss/_clix2017.scss */
+/* line 5850, ../../../scss/_clix2017.scss */
 .enroll-btn {
   width: 90px;
   opacity: 1;
@@ -5587,44 +5585,44 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #4b4852;
 }
 
-/* line 5863, ../../../scss/_clix2017.scss */
+/* line 5872, ../../../scss/_clix2017.scss */
 .img-style-land {
   margin-top: 28px;
   margin-left: -56px;
 }
 
-/* line 5868, ../../../scss/_clix2017.scss */
+/* line 5877, ../../../scss/_clix2017.scss */
 .top-margin-translation {
   margin-top: 0px;
 }
 
-/* line 5872, ../../../scss/_clix2017.scss */
+/* line 5881, ../../../scss/_clix2017.scss */
 .activity-editor-header-top {
   margin-top: -50px;
 }
 
-/* line 5876, ../../../scss/_clix2017.scss */
+/* line 5885, ../../../scss/_clix2017.scss */
 .add-lesson-top-margin {
   margin-top: 5px;
 }
 
-/* line 5879, ../../../scss/_clix2017.scss */
+/* line 5888, ../../../scss/_clix2017.scss */
 .translation-detail-top-margin {
   margin-top: 0px;
 }
 
-/* line 5882, ../../../scss/_clix2017.scss */
+/* line 5891, ../../../scss/_clix2017.scss */
 .outer {
   width: 100%;
   text-align: center;
 }
 
-/* line 5887, ../../../scss/_clix2017.scss */
+/* line 5896, ../../../scss/_clix2017.scss */
 .inner {
   display: inline-block !important;
 }
 
-/* line 5892, ../../../scss/_clix2017.scss */
+/* line 5901, ../../../scss/_clix2017.scss */
 .transcript-toggler {
   display: block;
   width: 155px !important;
@@ -5640,7 +5638,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   text-transform: uppercase;
 }
 
-/* line 5909, ../../../scss/_clix2017.scss */
+/* line 5918, ../../../scss/_clix2017.scss */
 input.transcript-toggler {
   background-image: url(/static/ndf/images/Transcript.svg) no-repeat !important;
   background-color: transparent;
@@ -5661,33 +5659,33 @@ input.transcript-toggler {
   /* align the text vertically centered */
 }
 
-/* line 5922, ../../../scss/_clix2017.scss */
+/* line 5931, ../../../scss/_clix2017.scss */
 .double-buttons {
   margin-top: 100px;
   margin-left: 729px;
 }
 
-/* line 5927, ../../../scss/_clix2017.scss */
+/* line 5936, ../../../scss/_clix2017.scss */
 .lesson-form-name {
   padding-top: 10px;
 }
 
-/* line 5931, ../../../scss/_clix2017.scss */
+/* line 5940, ../../../scss/_clix2017.scss */
 .lesson-form-desc {
   padding-top: 25px;
 }
 
-/* line 5935, ../../../scss/_clix2017.scss */
+/* line 5944, ../../../scss/_clix2017.scss */
 .enroll_chkbox {
   transform: scale(1.5);
 }
 
-/* line 5938, ../../../scss/_clix2017.scss */
+/* line 5947, ../../../scss/_clix2017.scss */
 .enroll_all_users {
   width: 15% !important;
 }
 
-/* line 5942, ../../../scss/_clix2017.scss */
+/* line 5951, ../../../scss/_clix2017.scss */
 .enrollBtn {
   background: #a2238d;
   height: 50px;
@@ -5703,24 +5701,24 @@ input.transcript-toggler {
   letter-spacing: 0.4px;
 }
 
-/* line 5976, ../../../scss/_clix2017.scss */
+/* line 5985, ../../../scss/_clix2017.scss */
 .enroll-act_lbl {
   color: #0c2944;
 }
 
-/* line 5981, ../../../scss/_clix2017.scss */
+/* line 5990, ../../../scss/_clix2017.scss */
 .wrkspace {
   margin-right: 80px;
 }
 
-/* line 5985, ../../../scss/_clix2017.scss */
+/* line 5994, ../../../scss/_clix2017.scss */
 .status-btn {
   background-color: #fff;
   margin-right: auto;
   padding-bottom: 0px;
   text-transform: none;
 }
-/* line 5990, ../../../scss/_clix2017.scss */
+/* line 5999, ../../../scss/_clix2017.scss */
 .status-btn .disabled {
   background-color: #008cba;
   border-color: #007095;
@@ -5730,64 +5728,64 @@ input.transcript-toggler {
   box-shadow: none;
 }
 
-/* line 6000, ../../../scss/_clix2017.scss */
+/* line 6009, ../../../scss/_clix2017.scss */
 .margin-right-50 {
   margin-right: 50px;
 }
 
 /* responsive footer */
-/* line 6007, ../../../scss/_clix2017.scss */
+/* line 6016, ../../../scss/_clix2017.scss */
 .clearfix {
   clear: both;
 }
 
-/* line 6010, ../../../scss/_clix2017.scss */
+/* line 6019, ../../../scss/_clix2017.scss */
 .clr1 {
   background: #FFFFFF;
   color: #333743;
 }
 
-/* line 6011, ../../../scss/_clix2017.scss */
+/* line 6020, ../../../scss/_clix2017.scss */
 .clr2 {
   background: #F1F3F5;
   color: #8F94A3;
 }
 
-/* line 6012, ../../../scss/_clix2017.scss */
+/* line 6021, ../../../scss/_clix2017.scss */
 .clr3 {
   background: rgba(221, 221, 221, 0.18);
   color: #BDC3CF;
 }
 
-/* line 6013, ../../../scss/_clix2017.scss */
+/* line 6022, ../../../scss/_clix2017.scss */
 .clr4 {
   background: rgba(221, 221, 221, 0.18);
   color: #E3E7F2;
 }
 
-/* line 6014, ../../../scss/_clix2017.scss */
+/* line 6023, ../../../scss/_clix2017.scss */
 .clr5 {
   color: #F1F3F5;
 }
 
-/* line 6015, ../../../scss/_clix2017.scss */
+/* line 6024, ../../../scss/_clix2017.scss */
 .clr6 {
   color: #39B5A1;
 }
 
-/* line 6016, ../../../scss/_clix2017.scss */
+/* line 6025, ../../../scss/_clix2017.scss */
 .clr7 {
   color: #D45245;
 }
 
 /*##### Footer Structure #####*/
-/* line 6021, ../../../scss/_clix2017.scss */
+/* line 6030, ../../../scss/_clix2017.scss */
 .bo-wrap {
   clear: both;
   width: auto;
 }
 
-/* line 6025, ../../../scss/_clix2017.scss */
+/* line 6034, ../../../scss/_clix2017.scss */
 .bo-footer {
   clear: both;
   width: auto;
@@ -5796,24 +5794,24 @@ input.transcript-toggler {
   margin: 0 auto;
 }
 
-/* line 6033, ../../../scss/_clix2017.scss */
+/* line 6042, ../../../scss/_clix2017.scss */
 .bo-footer-social {
   text-align: left;
   line-height: 1px;
   padding: 10px 10px 10px 10px;
 }
-/* line 6038, ../../../scss/_clix2017.scss */
+/* line 6047, ../../../scss/_clix2017.scss */
 .bo-footer-social > a {
   color: #ce7869;
   word-spacing: 8px;
 }
-/* line 6041, ../../../scss/_clix2017.scss */
+/* line 6050, ../../../scss/_clix2017.scss */
 .bo-footer-social > a:hover {
   color: #ce7869;
   border-bottom: 3px solid #ffc14e;
 }
 
-/* line 6051, ../../../scss/_clix2017.scss */
+/* line 6060, ../../../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;
@@ -5821,13 +5819,13 @@ input.transcript-toggler {
   text-decoration: none !important;
   word-spacing: 3px;
 }
-/* line 6057, ../../../scss/_clix2017.scss */
+/* line 6066, ../../../scss/_clix2017.scss */
 .bo-footer-copyright > a:hover {
   color: #777;
   border-bottom: 3px solid #c90d97;
 }
 
-/* line 6064, ../../../scss/_clix2017.scss */
+/* line 6073, ../../../scss/_clix2017.scss */
 .bo-footer-smap {
   width: 600px;
   float: left;
@@ -5837,7 +5835,7 @@ input.transcript-toggler {
   word-spacing: 20px;
 }
 
-/* line 6073, ../../../scss/_clix2017.scss */
+/* line 6082, ../../../scss/_clix2017.scss */
 .bo-footer-uonline {
   width: 300px;
   /* Account for margins + border values */
@@ -5846,7 +5844,7 @@ input.transcript-toggler {
   text-align: center;
 }
 
-/* line 6080, ../../../scss/_clix2017.scss */
+/* line 6089, ../../../scss/_clix2017.scss */
 .bo-footer-power {
   width: 300px;
   padding: 5px 10px;
@@ -5860,19 +5858,19 @@ input.transcript-toggler {
 /*##### Footer Responsive #####*/
 /* for 980px or less */
 @media screen and (max-width: 980px) {
-  /* line 6096, ../../../scss/_clix2017.scss */
+  /* line 6105, ../../../scss/_clix2017.scss */
   .bo-footer {
     width: 95%;
     padding: 1% 2%;
   }
 
-  /* line 6100, ../../../scss/_clix2017.scss */
+  /* line 6109, ../../../scss/_clix2017.scss */
   .bo-footer-smap {
     width: 33%;
     padding: 1% 2%;
   }
 
-  /* line 6104, ../../../scss/_clix2017.scss */
+  /* line 6113, ../../../scss/_clix2017.scss */
   .bo-footer-uonline {
     width: 46%;
     padding: 1% 2%;
@@ -5880,7 +5878,7 @@ input.transcript-toggler {
     text-align: right;
   }
 
-  /* line 6111, ../../../scss/_clix2017.scss */
+  /* line 6120, ../../../scss/_clix2017.scss */
   .bo-footer-power {
     clear: both;
     padding: 1% 2%;
@@ -5891,21 +5889,21 @@ input.transcript-toggler {
 }
 /* for 700px or less */
 @media screen and (max-width: 600px) {
-  /* line 6122, ../../../scss/_clix2017.scss */
+  /* line 6131, ../../../scss/_clix2017.scss */
   .bo-footer-smap {
     width: auto;
     float: none;
     text-align: center;
   }
 
-  /* line 6128, ../../../scss/_clix2017.scss */
+  /* line 6137, ../../../scss/_clix2017.scss */
   .bo-footer-uonline {
     width: auto;
     float: none;
     text-align: center;
   }
 
-  /* line 6134, ../../../scss/_clix2017.scss */
+  /* line 6143, ../../../scss/_clix2017.scss */
   .bo-footer-power {
     width: auto;
     float: none;
@@ -5913,36 +5911,36 @@ input.transcript-toggler {
   }
 }
 /* for 480px or less */
-/* line 6148, ../../../scss/_clix2017.scss */
+/* line 6157, ../../../scss/_clix2017.scss */
 .color-btn {
   background-color: #720f5e;
   width: 77px;
   margin-left: 17px;
 }
-/* line 6152, ../../../scss/_clix2017.scss */
+/* line 6161, ../../../scss/_clix2017.scss */
 .color-btn:hover {
   color: #720f5e;
   background-color: #ffffff;
 }
 
-/* line 6158, ../../../scss/_clix2017.scss */
+/* line 6167, ../../../scss/_clix2017.scss */
 .mid_label {
   margin-top: 15px;
   font-size: 15px;
 }
 
-/* line 6163, ../../../scss/_clix2017.scss */
+/* line 6172, ../../../scss/_clix2017.scss */
 .compulsory {
   color: red;
   font-size: smaller;
 }
 
-/* line 6168, ../../../scss/_clix2017.scss */
+/* line 6177, ../../../scss/_clix2017.scss */
 .select-drop {
   height: auto;
 }
 
-/* line 6172, ../../../scss/_clix2017.scss */
+/* line 6181, ../../../scss/_clix2017.scss */
 .template-select {
   border: 1px solid #cccccc;
   border-radius: 5px;
@@ -5951,41 +5949,41 @@ input.transcript-toggler {
   font-size: 14px;
 }
 
-/* line 6180, ../../../scss/_clix2017.scss */
+/* line 6189, ../../../scss/_clix2017.scss */
 .white-text {
   color: white;
 }
 
-/* line 6185, ../../../scss/_clix2017.scss */
+/* line 6194, ../../../scss/_clix2017.scss */
 .quiz-player .quiz_qtn {
   margin-left: 20px !important;
   font-size: 20px;
 }
-/* line 6189, ../../../scss/_clix2017.scss */
+/* line 6198, ../../../scss/_clix2017.scss */
 .quiz-player .question_edit {
   margin-left: 20px !important;
 }
-/* line 6193, ../../../scss/_clix2017.scss */
+/* line 6202, ../../../scss/_clix2017.scss */
 .quiz-player input[type=checkbox], .quiz-player input[type=radio] {
   margin-right: 10px;
   width: 15px;
   height: 15px;
 }
-/* line 6199, ../../../scss/_clix2017.scss */
+/* line 6208, ../../../scss/_clix2017.scss */
 .quiz-player .chk_ans_lbl, .quiz-player .rad_ans_lbl {
   font-size: 22px;
   margin-left: 5px;
 }
-/* line 6204, ../../../scss/_clix2017.scss */
+/* line 6213, ../../../scss/_clix2017.scss */
 .quiz-player .fi-check {
   color: green;
 }
-/* line 6208, ../../../scss/_clix2017.scss */
+/* line 6217, ../../../scss/_clix2017.scss */
 .quiz-player .fi-x {
   color: red;
 }
 
-/* line 6213, ../../../scss/_clix2017.scss */
+/* line 6222, ../../../scss/_clix2017.scss */
 .hyperlink-tag {
   cursor: pointer;
   cursor: pointer;
@@ -5998,7 +5996,7 @@ input.transcript-toggler {
   color: #164A7B;
 }
 
-/* line 6225, ../../../scss/_clix2017.scss */
+/* line 6234, ../../../scss/_clix2017.scss */
 .scard {
   background: #FFF;
   border: 1px solid #AAA;
@@ -6010,12 +6008,12 @@ input.transcript-toggler {
   height: 9rem;
   /*float:left;*/
 }
-/* line 6234, ../../../scss/_clix2017.scss */
+/* line 6243, ../../../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 6240, ../../../scss/_clix2017.scss */
+/* line 6249, ../../../scss/_clix2017.scss */
 .scard .scard_header {
   text-align: center;
   position: fixed;
@@ -6033,7 +6031,7 @@ input.transcript-toggler {
   font-weight: bold;
 }
 
-/* line 6257, ../../../scss/_clix2017.scss */
+/* line 6266, ../../../scss/_clix2017.scss */
 .scard-content {
   height: 2.7em;
   padding: 0.5rem;
@@ -6046,7 +6044,7 @@ input.transcript-toggler {
   /*height: 8.25rem;*/
   background-color: #3e3e3e;
 }
-/* line 6268, ../../../scss/_clix2017.scss */
+/* line 6277, ../../../scss/_clix2017.scss */
 .scard-content .scard-title {
   font-size: 0.8em;
   margin-top: -1em;
@@ -6056,7 +6054,7 @@ input.transcript-toggler {
   text-align: center;
 }
 
-/* line 6281, ../../../scss/_clix2017.scss */
+/* line 6290, ../../../scss/_clix2017.scss */
 .scard-action {
   height: height;
   font-size: 0.6em;
@@ -6070,7 +6068,7 @@ input.transcript-toggler {
   background-color: #CCCCCC;
 }
 
-/* line 6296, ../../../scss/_clix2017.scss */
+/* line 6305, ../../../scss/_clix2017.scss */
 .scard-desc {
   font-size: 0.7em;
   color: #333333;
@@ -6086,7 +6084,7 @@ input.transcript-toggler {
   display-inline: block;
 }
 
-/* line 6313, ../../../scss/_clix2017.scss */
+/* line 6322, ../../../scss/_clix2017.scss */
 .scard-image {
   padding: 0px;
   margin: 0px;
@@ -6097,7 +6095,7 @@ input.transcript-toggler {
   overflow: hidden;
   background-color: #f2f2f2;
 }
-/* line 6322, ../../../scss/_clix2017.scss */
+/* line 6331, ../../../scss/_clix2017.scss */
 .scard-image img {
   border-radius: 2px 2px 0 0;
   display: block;
@@ -6106,18 +6104,18 @@ input.transcript-toggler {
   height: 100%;
 }
 
-/* line 6334, ../../../scss/_clix2017.scss */
+/* line 6343, ../../../scss/_clix2017.scss */
 .published.scard-action {
   background: #A6D9CB;
 }
 
-/* line 6338, ../../../scss/_clix2017.scss */
+/* line 6347, ../../../scss/_clix2017.scss */
 .draft.scard-action {
   content: "Draft";
   background: #DCDCDC;
 }
 
-/* line 6344, ../../../scss/_clix2017.scss */
+/* line 6353, ../../../scss/_clix2017.scss */
 .scard_footer {
   border-top: 1px solid rgba(160, 160, 160, 0.2);
   padding: 0.25rem 0.5rem;
@@ -6126,17 +6124,17 @@ input.transcript-toggler {
   height: 2rem;
 }
 
-/* line 6352, ../../../scss/_clix2017.scss */
+/* line 6361, ../../../scss/_clix2017.scss */
 .auto_width {
   width: auto !important;
 }
 
-/* line 6356, ../../../scss/_clix2017.scss */
+/* line 6365, ../../../scss/_clix2017.scss */
 .explore-settings-drop {
   margin-left: 59%;
   display: inline-block;
 }
-/* line 6359, ../../../scss/_clix2017.scss */
+/* line 6368, ../../../scss/_clix2017.scss */
 .explore-settings-drop > button {
   color: #164a7b;
   font-weight: 400;
@@ -6149,17 +6147,17 @@ input.transcript-toggler {
   margin-top: 10px;
   margin-left: 20px;
 }
-/* line 6370, ../../../scss/_clix2017.scss */
+/* line 6379, ../../../scss/_clix2017.scss */
 .explore-settings-drop > button:hover {
   border-radius: 10px;
   background-color: #ddeff9;
   color: #164a7b;
 }
-/* line 6376, ../../../scss/_clix2017.scss */
+/* line 6385, ../../../scss/_clix2017.scss */
 .explore-settings-drop a {
   font-size: 16px;
 }
-/* line 6379, ../../../scss/_clix2017.scss */
+/* line 6388, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li {
   font-size: 0.875rem;
   cursor: pointer;
@@ -6167,37 +6165,37 @@ input.transcript-toggler {
   margin: 0;
   background-color: #164A7B;
 }
-/* line 6387, ../../../scss/_clix2017.scss */
+/* line 6396, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li a {
   color: #74b3dc;
 }
-/* line 6391, ../../../scss/_clix2017.scss */
+/* line 6400, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li:hover {
   border-left: 4px solid #ffc14e;
 }
 
-/* line 6398, ../../../scss/_clix2017.scss */
+/* line 6407, ../../../scss/_clix2017.scss */
 .attempts_count {
   color: #000000 !important;
 }
 
-/* line 6404, ../../../scss/_clix2017.scss */
+/* line 6413, ../../../scss/_clix2017.scss */
 #course-settings-drop li a {
   text-align: left;
 }
 
-/* line 6412, ../../../scss/_clix2017.scss */
+/* line 6421, ../../../scss/_clix2017.scss */
 #asset-settings-drop li a {
   text-align: left;
 }
 
-/* line 6419, ../../../scss/_clix2017.scss */
+/* line 6428, ../../../scss/_clix2017.scss */
 .button-bg {
   background-color: #74b3dc;
 }
 
 /* Tools page css listing*/
-/* line 6426, ../../../scss/_clix2017.scss */
+/* line 6435, ../../../scss/_clix2017.scss */
 .polaroid {
   width: 330px;
   background-color: white;
@@ -6211,7 +6209,7 @@ input.transcript-toggler {
   cursor: pointer;
 }
 
-/* line 6439, ../../../scss/_clix2017.scss */
+/* line 6448, ../../../scss/_clix2017.scss */
 .polaroid:hover img {
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
@@ -6220,26 +6218,26 @@ input.transcript-toggler {
   transform: scale(1.05);
 }
 
-/* line 6448, ../../../scss/_clix2017.scss */
+/* line 6457, ../../../scss/_clix2017.scss */
 .container {
   text-align: center;
   padding: 10px 20px;
   border-top: 5px solid #164a7b;
   margin-top: 0px;
 }
-/* line 6454, ../../../scss/_clix2017.scss */
+/* line 6463, ../../../scss/_clix2017.scss */
 .container > p {
   color: black;
   font-size: 16px;
   font-weight: 500;
 }
 
-/* line 6463, ../../../scss/_clix2017.scss */
+/* line 6472, ../../../scss/_clix2017.scss */
 .tool-bg {
   background-color: rgba(87, 198, 250, 0.07);
 }
 
-/* line 6466, ../../../scss/_clix2017.scss */
+/* line 6475, ../../../scss/_clix2017.scss */
 .purple-btn {
   width: inherit;
   text-transform: uppercase;
@@ -6250,7 +6248,7 @@ input.transcript-toggler {
   border: 2px solid #6a0054;
 }
 
-/* line 6476, ../../../scss/_clix2017.scss */
+/* line 6485, ../../../scss/_clix2017.scss */
 .disable-purple-btn {
   width: inherit;
   text-transform: uppercase !important;
@@ -6261,27 +6259,27 @@ input.transcript-toggler {
   border: 2px solid #4b4852;
 }
 
-/* line 6486, ../../../scss/_clix2017.scss */
+/* line 6495, ../../../scss/_clix2017.scss */
 .user-analytics-data {
   margin: 42px 37px 37px 37px;
   border: 2px solid #aaaaaa;
 }
-/* line 6489, ../../../scss/_clix2017.scss */
+/* line 6498, ../../../scss/_clix2017.scss */
 .user-analytics-data .close-reveal-modal {
   font-size: 20px;
 }
 
-/* line 6493, ../../../scss/_clix2017.scss */
+/* line 6502, ../../../scss/_clix2017.scss */
 .left-space {
   margin-left: 0.5em;
 }
 
-/* line 6501, ../../../scss/_clix2017.scss */
+/* line 6510, ../../../scss/_clix2017.scss */
 .top-right-menu {
   margin-right: 80px !important;
 }
 
-/* line 6508, ../../../scss/_clix2017.scss */
+/* line 6517, ../../../scss/_clix2017.scss */
 .button-cancel-new {
   height: 2rem;
   padding: 0 2rem;
@@ -6299,12 +6297,12 @@ input.transcript-toggler {
   transition: all .1s ease;
   margin-right: 1px;
 }
-/* line 6524, ../../../scss/_clix2017.scss */
+/* line 6533, ../../../scss/_clix2017.scss */
 .button-cancel-new:hover {
   background-color: #fff;
   color: #333333;
 }
-/* line 6529, ../../../scss/_clix2017.scss */
+/* line 6538, ../../../scss/_clix2017.scss */
 .button-cancel-new > a {
   font-family: open_sansbold,sans-serif;
   font-size: 1.2rem;
@@ -6316,13 +6314,13 @@ input.transcript-toggler {
   transition: all .1s ease;
   margin-right: 1px;
 }
-/* line 6539, ../../../scss/_clix2017.scss */
+/* line 6548, ../../../scss/_clix2017.scss */
 .button-cancel-new > a:hover {
   background-color: #fff;
   color: #333333;
 }
 
-/* line 6547, ../../../scss/_clix2017.scss */
+/* line 6556, ../../../scss/_clix2017.scss */
 .button-save-new {
   height: 2rem;
   padding: 0 2rem;
@@ -6339,7 +6337,7 @@ input.transcript-toggler {
   color: #fff;
   transition: all .1s ease;
 }
-/* line 6562, ../../../scss/_clix2017.scss */
+/* line 6571, ../../../scss/_clix2017.scss */
 .button-save-new: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 e1067a544e..5f5daf946e 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
@@ -3,6 +3,8 @@ $primary-blue : #164A7B;
 $secondry-blue : #74b3dc;
 $tertiary-blue : #719dc7;
 
+
+
 /*Orange color variables*/
 $primary-orange : #ce7869;
 $secondary-orange : #ffc14e;
@@ -545,7 +547,7 @@ h5{
 
 .top-bar, .top-bar .name {
     height: 52px;
-    background: $primary-blue;
+    background: rgba(107, 0, 84, 0.97);
 
 }
 
@@ -575,10 +577,10 @@ h5{
     .top-bar-section {
         ul {
             &.left li {
-                border-right: 2px solid #16539f;
+                border-right: 2px solid rgba(107, 0, 84, 0.97);
             }
             li {
-                background: $primary-blue;
+                background: rgba(107, 0, 84, 0.97);
 
 
                 &>a {
@@ -3743,8 +3745,8 @@ body {
 /*
     Styling for the Secondary header 2
 */
-$ah_2_icon_color: #ffc14f;
-$ah_2_background_color: rgba(107, 0, 84, 0.97);
+$ah_2_icon_color: rgba(107, 0, 84, 0.97);
+$ah_2_background_color: #ffffff;
 $ah_2_background_color_hover: rgba(244, 244, 244, 0.3);;
 .activity_player_header {
     background-color: $ah_2_background_color;
@@ -3768,12 +3770,12 @@ $ah_2_background_color_hover: rgba(244, 244, 244, 0.3);;
 
     .header_title {
         position: relative;
-        color: #fff;
+        color: #6f0859;
         font-weight: 500;
         font-size: 20px;
         letter-spacing: 0.6px;
         padding: 0px 15px;
-        margin-left: -2px;
+        //margin-left: -2px;
         border-right: 1px solid white;
         a {
             color: $ah_2_icon_color;
@@ -3894,6 +3896,7 @@ $ah_2_background_color_hover: rgba(244, 244, 244, 0.3);;
             padding: 0px 15px;
             margin-left: -2px;
             border-right: 1px solid white;
+            
             a {
                 color: $ah_2_icon_color;
             }
@@ -3939,6 +3942,7 @@ $ah_2_background_color_hover: rgba(244, 244, 244, 0.3);;
             &:not(i) {
                 color: #a983b9;
             }
+                
         }
     }
 
@@ -4226,7 +4230,7 @@ ul.nav_menu_1 {
 
 .activity_sheet {
     background: rgba(231, 231, 231, 0.12);
-    box-shadow: 0px 2px 6px #000;
+    //box-shadow: 0px 2px 6px #000;
     margin: 0px auto;
     padding: 0px 0px;
     max-width: 100vw;
@@ -4239,6 +4243,7 @@ ul.nav_menu_1 {
         // height: 80vh;
         margin-bottom: 10px;
         position: relative;
+        margin-top: 2px;
 
         /*Overriding default*/
         .accordion .accordion-navigation > .content, .accordion dd > .content {
@@ -4256,9 +4261,9 @@ ul.nav_menu_1 {
             @include transition-prop(all);
             width: 100%;
             background-color: #fff;
-            max-height: 100%;
+            //max-height: 100%;
             overflow-y: auto;
-            height: 100vh;
+            //height: 100vh;
 
             .course-lessons {
                 dd {
@@ -4426,15 +4431,15 @@ ul.nav_menu_1 {
     min-width:910px;
     margin-bottom:10px;
     padding-right:4px;
-    #scstyle{
-        margin-top:-10px;
-    }
+    margin-top: 2px;
+    
 }
 
 .lesson-title{
     font-size: 18px;
     padding-top: 10px;
     padding-left: 10px;
+
 }
 
 .activity-title{
@@ -4459,8 +4464,12 @@ ul.nav_menu_1 {
                 &>a {
                             color:black;
                         }
+                &:hover{
+                    background: rgba(111, 8, 89, 0.24);
+                }
             }
 
+
 }
 
 

From 91c6b1151902d34958021d1b83842f098d381b88 Mon Sep 17 00:00:00 2001
From: Prachirb <prachibhatia24@yahoo.com>
Date: Mon, 26 Feb 2018 17:59:13 +0530
Subject: [PATCH 02/27] Dropdown colors fixed, color chnge depicted on hover

---
 .../static/ndf/css/themes/clix/clix2017.css   | 18 ++++++++---------
 .../ndf/static/ndf/scss/_clix2017.scss        | 20 +++++++++----------
 2 files changed, 19 insertions(+), 19 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 5033875e0e..4265b18eda 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
@@ -514,17 +514,17 @@ h5 {
 }
 /* line 608, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li input {
-  color: #74b3dc;
-  background: #164A7B;
+  color: #FFFFFF;
+  background: #6f0859;
   font-family: OpenSans-Regular;
   font-size: 15px;
   letter-spacing: 1.4px;
 }
 /* line 616, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li input:hover {
-  color: white;
+  color: #6f0859;
   border-left: 4px solid #ffc14e;
-  background: #164A7B;
+  background: #FFFFFF;
 }
 /* line 623, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li .lang-font {
@@ -607,15 +607,15 @@ h5 {
   /* line 732, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section .dropdown li:not(.has-form) > a:not(.button) {
     border-left-width: 2px;
-    color: #74b3dc;
-    background: #164A7B;
+    color: white;
+    background: #6f0859;
   }
   /* line 740, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section .dropdown li:not(.has-form):hover a:not(.button), .top-bar .top-bar-section .dropdown li:not(.has-form).active a:not(.button) {
-    background: #164A7B;
-    color: #50c2fa;
+    background: white;
+    color: #6f0859;
     border-bottom: 0px;
-    border-left-width: 2px;
+    border-left: 3px solid #ffc14e;
     /*&:hover {
         color: $secondry-blue;
         border-bottom: 0px;
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 5f5daf946e..fa11457dca 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
@@ -606,17 +606,17 @@ h5{
                 }
 
                 input{
-                    color: $secondry-blue;
-                    background: $primary-blue;
+                    color: #FFFFFF;
+                    background: #6f0859;
                     font-family: OpenSans-Regular;
                     font-size: 15px;
                     letter-spacing: 1.4px;
                     
 
                     &:hover{
-                        color: white;
+                        color: #6f0859;
                         border-left: 4px solid $secondary-orange;
-                        background: $primary-blue;
+                        background: #FFFFFF;
                     }
                 }
 
@@ -731,17 +731,17 @@ h5{
                 li:not(.has-form) {
                     &> a:not(.button) {
                         border-left-width: 2px;
-                        color: $secondry-blue;
-                        background: $primary-blue;
+                        color: white;
+                        background: #6f0859;
 
                     }
 
                     &:hover, &.active{
                         a:not(.button){
-                            background: $primary-blue;
-                            color: $header-link-hover-color;
+                            background: white;
+                            color: #6f0859;
                             border-bottom: 0px;
-                            border-left-width: 2px;
+                            border-left: 3px solid $secondary-orange;
                             /*&:hover {
                                 color: $secondry-blue;
                                 border-bottom: 0px;
@@ -3896,7 +3896,7 @@ $ah_2_background_color_hover: rgba(244, 244, 244, 0.3);;
             padding: 0px 15px;
             margin-left: -2px;
             border-right: 1px solid white;
-            
+
             a {
                 color: $ah_2_icon_color;
             }

From 2c0baa1bf53e8e22522dba97ab38e5b0bf28bf87 Mon Sep 17 00:00:00 2001
From: Prachirb <prachibhatia24@yahoo.com>
Date: Mon, 26 Feb 2018 18:27:34 +0530
Subject: [PATCH 03/27] Lms secondary header cms lms merge color changed to
 match primary header, top-bar-secondary header color reverted in respect to
 primary header and the button and dropdorn of the secondary-header also
 chnaged

---
 .../static/ndf/css/themes/clix/clix2017.css   | 1754 +++++++++--------
 .../ndf/static/ndf/scss/_clix2017.scss        |   59 +-
 .../gnowsys_ndf/ndf/templates/ndf/lms.html    |    2 +-
 3 files changed, 939 insertions(+), 876 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 4265b18eda..3ac7c215f4 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
@@ -350,39 +350,40 @@ h5 {
 /* line 395, ../../../scss/_clix2017.scss */
 .top-bar-second, .top-bar-second .name {
   height: 55px;
-  background: #ddeff9;
+  background: #FFFFFF;
   color: #719dc9;
   margin-bottom: 30px;
+  border-bottom: 2px solid #d5d5d5;
 }
 
-/* line 405, ../../../scss/_clix2017.scss */
+/* line 406, ../../../scss/_clix2017.scss */
 .top-bar-second .title-area {
   box-shadow: 0px 0.6px 3px #000;
   z-index: 20;
   width: 100%;
 }
-/* line 410, ../../../scss/_clix2017.scss */
+/* line 411, ../../../scss/_clix2017.scss */
 .top-bar-second .name {
   text-align: center;
 }
-/* line 413, ../../../scss/_clix2017.scss */
+/* line 414, ../../../scss/_clix2017.scss */
 .top-bar-second .name .close-dropdown, .top-bar-second .name .side-bar-button {
   position: absolute;
   left: 15px;
   color: #fff;
   font-weight: 100;
 }
-/* line 423, ../../../scss/_clix2017.scss */
+/* line 424, ../../../scss/_clix2017.scss */
 .top-bar-second li.toggle-topbar i {
   color: #fff;
   display: inline-block;
   vertical-align: bottom;
 }
-/* line 431, ../../../scss/_clix2017.scss */
+/* line 432, ../../../scss/_clix2017.scss */
 .top-bar-second .top-bar-second-section ul li {
   background: #164A7B;
 }
-/* line 433, ../../../scss/_clix2017.scss */
+/* line 434, ../../../scss/_clix2017.scss */
 .top-bar-second .top-bar-second-section ul li > a {
   border-left: 3px solid transparent;
   border-bottom: 1px solid #4b5b6b;
@@ -391,31 +392,31 @@ h5 {
   font-weight: bold;
   letter-spacing: 0.5px;
 }
-/* line 444, ../../../scss/_clix2017.scss */
+/* line 445, ../../../scss/_clix2017.scss */
 .top-bar-second .top-bar-second-section ul li:hover > a, .top-bar-second .top-bar-second-section ul li.active > a {
   border-left-color: #ffc14e;
   color: #ce7869;
 }
-/* line 452, ../../../scss/_clix2017.scss */
+/* line 453, ../../../scss/_clix2017.scss */
 .top-bar-second .top-bar-second-section .dropdown li.parent-link a {
   display: none;
 }
-/* line 458, ../../../scss/_clix2017.scss */
+/* line 459, ../../../scss/_clix2017.scss */
 .top-bar-second .top-bar-second-section .side-bar-menu .add_buddy i {
   color: #2e3f51;
   background: #acd4fa;
 }
 
 @media screen and (min-width: 40.063em) {
-  /* line 469, ../../../scss/_clix2017.scss */
+  /* line 470, ../../../scss/_clix2017.scss */
   .top-bar-second .title-area {
     box-shadow: none;
   }
-  /* line 471, ../../../scss/_clix2017.scss */
+  /* line 472, ../../../scss/_clix2017.scss */
   .top-bar-second .title-area .name {
     text-align: right;
   }
-  /* line 478, ../../../scss/_clix2017.scss */
+  /* line 479, ../../../scss/_clix2017.scss */
   .top-bar-second .top-bar-second-section li:not(.has-form) a:not(.button) {
     cursor: pointer;
     background: transparent;
@@ -423,32 +424,32 @@ h5 {
     line-height: 52px;
     border-left-width: 0px;
   }
-  /* line 485, ../../../scss/_clix2017.scss */
+  /* line 486, ../../../scss/_clix2017.scss */
   .top-bar-second .top-bar-second-section li:not(.has-form) a:not(.button):hover {
     color: #ce7869;
     border-bottom: 3px solid #ffc14e;
   }
-  /* line 491, ../../../scss/_clix2017.scss */
+  /* line 492, ../../../scss/_clix2017.scss */
   .top-bar-second .top-bar-second-section li:not(.has-form).active a:not(.button) {
     color: #ce7869;
     border-bottom: 3px solid #ffc14e;
   }
-  /* line 499, ../../../scss/_clix2017.scss */
+  /* line 500, ../../../scss/_clix2017.scss */
   .top-bar-second .top-bar-second-section li:not(.has-form).has-dropdown a:not(.button):hover {
     color: #74b3dc;
     border-bottom: 0px;
   }
-  /* line 509, ../../../scss/_clix2017.scss */
+  /* line 510, ../../../scss/_clix2017.scss */
   .top-bar-second .top-bar-second-section li.active:not(.has-form) a:not(.button):hover {
     background: transparent;
   }
-  /* line 518, ../../../scss/_clix2017.scss */
+  /* line 519, ../../../scss/_clix2017.scss */
   .top-bar-second .top-bar-second-section .dropdown li:not(.has-form) > a:not(.button) {
     border-left-width: 2px;
     color: #74b3dc;
     background: #164A7B;
   }
-  /* line 525, ../../../scss/_clix2017.scss */
+  /* line 526, ../../../scss/_clix2017.scss */
   .top-bar-second .top-bar-second-section .dropdown li:not(.has-form):hover a:not(.button), .top-bar-second .top-bar-second-section .dropdown li:not(.has-form).active a:not(.button) {
     background: #164A7B;
     color: #74b3dc;
@@ -461,43 +462,43 @@ h5 {
   }
 }
 /*Overridding foundation css*/
-/* line 548, ../../../scss/_clix2017.scss */
+/* line 549, ../../../scss/_clix2017.scss */
 .top-bar, .top-bar .name {
   height: 52px;
   background: rgba(107, 0, 84, 0.97);
 }
 
-/* line 555, ../../../scss/_clix2017.scss */
+/* line 556, ../../../scss/_clix2017.scss */
 .top-bar .title-area {
   box-shadow: 0px 0.6px 3px #000;
   z-index: 20;
 }
-/* line 559, ../../../scss/_clix2017.scss */
+/* line 560, ../../../scss/_clix2017.scss */
 .top-bar .name {
   text-align: center;
 }
-/* line 562, ../../../scss/_clix2017.scss */
+/* line 563, ../../../scss/_clix2017.scss */
 .top-bar .name .close-dropdown, .top-bar .name .side-bar-button {
   position: absolute;
   left: 15px;
   color: #fff;
   font-weight: 100;
 }
-/* line 571, ../../../scss/_clix2017.scss */
+/* line 572, ../../../scss/_clix2017.scss */
 .top-bar li.toggle-topbar i {
   color: #fff;
   display: inline-block;
   vertical-align: bottom;
 }
-/* line 579, ../../../scss/_clix2017.scss */
+/* line 580, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul.left li {
   border-right: 2px solid rgba(107, 0, 84, 0.97);
 }
-/* line 582, ../../../scss/_clix2017.scss */
+/* line 583, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li {
   background: rgba(107, 0, 84, 0.97);
 }
-/* line 586, ../../../scss/_clix2017.scss */
+/* line 587, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li > a {
   color: #ffffff;
   line-height: 40px;
@@ -509,10 +510,16 @@ h5 {
   font-size: 16px;
 }
 /* line 598, ../../../scss/_clix2017.scss */
+.top-bar .top-bar-section ul li:hover {
+  color: #6f0859;
+  background-color: white;
+}
+/* line 599, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li:hover > a {
-  color: #fff;
+  color: #6f0859;
+  background-color: white;
 }
-/* line 608, ../../../scss/_clix2017.scss */
+/* line 613, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li input {
   color: #FFFFFF;
   background: #6f0859;
@@ -520,49 +527,59 @@ h5 {
   font-size: 15px;
   letter-spacing: 1.4px;
 }
-/* line 616, ../../../scss/_clix2017.scss */
+/* line 621, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li input:hover {
   color: #6f0859;
   border-left: 4px solid #ffc14e;
   background: #FFFFFF;
 }
-/* line 623, ../../../scss/_clix2017.scss */
+/* line 628, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li .lang-font {
   font-family: "OpenSans-Light";
   font-size: 14px;
 }
-/* line 630, ../../../scss/_clix2017.scss */
+/* line 635, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li.active {
   color: #fff;
 }
-/* line 635, ../../../scss/_clix2017.scss */
+/* line 637, ../../../scss/_clix2017.scss */
+.top-bar .top-bar-section ul li.active:hover {
+  color: #6f0859;
+  background-color: white;
+}
+/* line 643, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li.active > a {
   color: #fff;
 }
-/* line 643, ../../../scss/_clix2017.scss */
+/* line 645, ../../../scss/_clix2017.scss */
+.top-bar .top-bar-section ul li.active > a:hover {
+  color: #6f0859;
+  background-color: white;
+}
+/* line 655, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section .dropdown li.parent-link a {
   display: none;
 }
-/* line 650, ../../../scss/_clix2017.scss */
+/* line 662, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section .side-bar-menu .add_buddy i {
   color: #2e3f51;
   background: #acd4fa;
 }
 
 @media screen and (min-width: 40.063em) {
-  /* line 661, ../../../scss/_clix2017.scss */
+  /* line 673, ../../../scss/_clix2017.scss */
   .top-bar .title-area {
     box-shadow: none;
   }
-  /* line 663, ../../../scss/_clix2017.scss */
+  /* line 675, ../../../scss/_clix2017.scss */
   .top-bar .title-area .name {
     text-align: right;
   }
-  /* line 668, ../../../scss/_clix2017.scss */
+  /* line 680, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section ul.left li > a {
     padding: 0px 20px;
   }
-  /* line 670, ../../../scss/_clix2017.scss */
+  /* line 682, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section ul.left li > a.active {
     color: #fff;
     font-size: 17px;
@@ -570,7 +587,12 @@ h5 {
     margin-top: -3px;
     border-bottom: 3px solid #ffc14e;
   }
-  /* line 680, ../../../scss/_clix2017.scss */
+  /* line 689, ../../../scss/_clix2017.scss */
+  .top-bar .top-bar-section ul.left li > a.active:hover:hover {
+    color: #6f0859;
+    background-color: white;
+  }
+  /* line 698, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section li:not(.has-form) a:not(.button) {
     cursor: pointer;
     background: transparent;
@@ -579,24 +601,24 @@ h5 {
     border-left-width: 0px;
     font-family: OpenSans-Regular;
   }
-  /* line 690, ../../../scss/_clix2017.scss */
+  /* line 708, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section li:not(.has-form).active a:not(.button) {
     color: #fff;
     font-family: OpenSans-Bold;
     font-size: 18px;
   }
-  /* line 701, ../../../scss/_clix2017.scss */
+  /* line 719, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section li:not(.has-form).has-dropdown a:not(.button) a:not(.not-click):hover {
     color: #74b3dc;
     border-bottom: 0px;
     border-left: 3px solid #ffc14e;
   }
-  /* line 713, ../../../scss/_clix2017.scss */
+  /* line 731, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section li.active:not(.has-form) a:not(.button):hover {
     background: transparent;
     color: #fff;
   }
-  /* line 721, ../../../scss/_clix2017.scss */
+  /* line 739, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section .profile-menu > a svg {
     height: 52px;
     width: 52px;
@@ -604,13 +626,13 @@ h5 {
     background: #fff;
     margin-right: 15px;
   }
-  /* line 732, ../../../scss/_clix2017.scss */
+  /* line 750, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section .dropdown li:not(.has-form) > a:not(.button) {
     border-left-width: 2px;
     color: white;
     background: #6f0859;
   }
-  /* line 740, ../../../scss/_clix2017.scss */
+  /* line 758, ../../../scss/_clix2017.scss */
   .top-bar .top-bar-section .dropdown li:not(.has-form):hover a:not(.button), .top-bar .top-bar-section .dropdown li:not(.has-form).active a:not(.button) {
     background: white;
     color: #6f0859;
@@ -623,35 +645,35 @@ h5 {
   }
 }
 /*Custom css*/
-/* line 761, ../../../scss/_clix2017.scss */
+/* line 779, ../../../scss/_clix2017.scss */
 [class*="column"] + [class*="column"]:last-child {
   float: left;
 }
 
-/* line 765, ../../../scss/_clix2017.scss */
+/* line 783, ../../../scss/_clix2017.scss */
 .icons-medium {
   line-height: 23px;
   vertical-align: sub;
 }
 
-/* line 770, ../../../scss/_clix2017.scss */
+/* line 788, ../../../scss/_clix2017.scss */
 .icons-large {
   line-height: 45px;
 }
 
-/* line 775, ../../../scss/_clix2017.scss */
+/* line 793, ../../../scss/_clix2017.scss */
 .round-icon {
   border-radius: 100%;
   height: 20px;
   padding: 2px 5px;
 }
 
-/* line 782, ../../../scss/_clix2017.scss */
+/* line 800, ../../../scss/_clix2017.scss */
 .hide {
   display: none !important;
 }
 
-/* line 785, ../../../scss/_clix2017.scss */
+/* line 803, ../../../scss/_clix2017.scss */
 .badge {
   display: inline-block;
   height: 21px;
@@ -660,19 +682,19 @@ h5 {
   line-height: 21px;
   text-align: center;
 }
-/* line 794, ../../../scss/_clix2017.scss */
+/* line 812, ../../../scss/_clix2017.scss */
 .badge.badge-blue {
   background-color: #74b3dc;
   color: #fff;
 }
 
-/* line 802, ../../../scss/_clix2017.scss */
+/* line 820, ../../../scss/_clix2017.scss */
 #menu_bar_gstudio .user-profile-pic-small {
   height: 46px;
   width: 46px;
   margin: 0px 10px;
 }
-/* line 808, ../../../scss/_clix2017.scss */
+/* line 826, ../../../scss/_clix2017.scss */
 #menu_bar_gstudio .loggedin-user {
   # background: #505e6c;
   border-radius: 100%;
@@ -682,18 +704,18 @@ h5 {
   margin: 5px 5px 0px 5px;
   overflow: hidden;
 }
-/* line 818, ../../../scss/_clix2017.scss */
+/* line 836, ../../../scss/_clix2017.scss */
 #menu_bar_gstudio .loggedin-user img {
   height: 100%;
   width: 100%;
 }
 
 /*  group_list */
-/* line 825, ../../../scss/_clix2017.scss */
+/* line 843, ../../../scss/_clix2017.scss */
 .group_breadcumbs {
   color: #6e8ba6;
 }
-/* line 827, ../../../scss/_clix2017.scss */
+/* line 845, ../../../scss/_clix2017.scss */
 .group_breadcumbs a {
   display: inline-block;
   margin: 15px auto;
@@ -701,7 +723,7 @@ h5 {
   letter-spacing: 1px;
 }
 
-/* line 835, ../../../scss/_clix2017.scss */
+/* line 853, ../../../scss/_clix2017.scss */
 .group_tile {
   height: 300px;
   background: url(/static/ndf/images/group-tile.png) no-repeat;
@@ -712,34 +734,34 @@ h5 {
   cursor: pointer;
   box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4);
 }
-/* line 844, ../../../scss/_clix2017.scss */
+/* line 862, ../../../scss/_clix2017.scss */
 .group_tile:hover {
   opacity: 0.7;
 }
-/* line 847, ../../../scss/_clix2017.scss */
+/* line 865, ../../../scss/_clix2017.scss */
 .group_tile .group-name {
   font-weight: 700;
   font-size: 24px;
   letter-spacing: 1.1px;
   text-shadow: 0px 0px 7px rgba(46, 63, 81, 0.7);
 }
-/* line 854, ../../../scss/_clix2017.scss */
+/* line 872, ../../../scss/_clix2017.scss */
 .group_tile .group_desc {
   letter-spacing: 0.5px;
 }
 
 /* curriculum */
-/* line 861, ../../../scss/_clix2017.scss */
+/* line 879, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio {
   margin: 0px;
   height: 44px;
 }
-/* line 864, ../../../scss/_clix2017.scss */
+/* line 882, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio > li {
   display: inline-block;
   height: 100%;
 }
-/* line 867, ../../../scss/_clix2017.scss */
+/* line 885, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio > li > a {
   color: #ce7869;
   padding: 8px 20px 7.5px;
@@ -747,15 +769,15 @@ ul.horizontal_tabs_gstudio > li > a {
   border-bottom: 3px solid transparent;
   letter-spacing: 0.3px;
 }
-/* line 875, ../../../scss/_clix2017.scss */
+/* line 893, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio > li > a.selected, ul.horizontal_tabs_gstudio > li > a:hover {
   border-bottom: 4px solid #ffc14e;
 }
-/* line 879, ../../../scss/_clix2017.scss */
+/* line 897, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio > li.sub_group_action {
   position: relative;
 }
-/* line 881, ../../../scss/_clix2017.scss */
+/* line 899, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio > li.sub_group_action > ul {
   position: absolute;
   top: 50px;
@@ -766,27 +788,27 @@ ul.horizontal_tabs_gstudio > li.sub_group_action > ul {
   background: #fff;
   box-shadow: 0px 1px 6px 1px #ccc;
 }
-/* line 891, ../../../scss/_clix2017.scss */
+/* line 909, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio > li.sub_group_action > ul li {
   list-style: none;
   white-space: nowrap;
   padding: 15px 15px;
 }
-/* line 896, ../../../scss/_clix2017.scss */
+/* line 914, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio > li.sub_group_action > ul li:hover {
   background: #d6f2fe;
 }
-/* line 902, ../../../scss/_clix2017.scss */
+/* line 920, ../../../scss/_clix2017.scss */
 ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   display: block;
 }
 
-/* line 909, ../../../scss/_clix2017.scss */
+/* line 927, ../../../scss/_clix2017.scss */
 .max-width {
   max-width: 100%;
 }
 
-/* line 914, ../../../scss/_clix2017.scss */
+/* line 932, ../../../scss/_clix2017.scss */
 .group_content .group_banner {
   transition: all 1s ease;
   -webkit-transition: all 1s ease;
@@ -797,7 +819,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   margin-bottom: -70px;
   -webkit-box-shadow: 0px 0px 5px 5px #C9C9C;
 }
-/* line 923, ../../../scss/_clix2017.scss */
+/* line 941, ../../../scss/_clix2017.scss */
 .group_content .group_header {
   height: 45px;
   padding-bottom: 5px;
@@ -814,7 +836,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0049667a', endColorstr='#8049667a',GradientType=0 );
   /* IE6-9 */
 }
-/* line 936, ../../../scss/_clix2017.scss */
+/* line 954, ../../../scss/_clix2017.scss */
 .group_content .group_header .group_title {
   font-size: 28px;
   font-weight: 700;
@@ -824,18 +846,18 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   left: 25px;
   color: #164A7B;
 }
-/* line 945, ../../../scss/_clix2017.scss */
+/* line 963, ../../../scss/_clix2017.scss */
 .group_content .group_header .group_actions > button {
   display: inline-block;
   margin: 7px 10px;
 }
-/* line 950, ../../../scss/_clix2017.scss */
+/* line 968, ../../../scss/_clix2017.scss */
 .group_content .group_sections {
   text-align: center;
   border-bottom: 2px solid #f5f5f5;
   background: #eefaff;
 }
-/* line 955, ../../../scss/_clix2017.scss */
+/* line 973, ../../../scss/_clix2017.scss */
 .group_content .group_sections_content {
   min-height: 400px;
   background-color: #fff;
@@ -843,11 +865,11 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   margin-top: -1px;
   border: 1px solid #80808014;
 }
-/* line 962, ../../../scss/_clix2017.scss */
+/* line 980, ../../../scss/_clix2017.scss */
 .group_content .top-bar-secondions_content {
   background-color: #fff;
 }
-/* line 966, ../../../scss/_clix2017.scss */
+/* line 984, ../../../scss/_clix2017.scss */
 .group_content .course_actions > span {
   margin-right: 5px;
   background: #2e3f51;
@@ -860,7 +882,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   border-radius: 3px;
   margin-left: 130px;
 }
-/* line 979, ../../../scss/_clix2017.scss */
+/* line 997, ../../../scss/_clix2017.scss */
 .group_content .course_actions > i {
   margin-right: 5px;
   background: rgba(0, 0, 0, 0.6);
@@ -874,7 +896,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   margin-right: 80px;
 }
 
-/* line 994, ../../../scss/_clix2017.scss */
+/* line 1012, ../../../scss/_clix2017.scss */
 .activity_tile {
   margin-top: 10px;
   margin-bottom: 25px;
@@ -883,22 +905,22 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   height: 260px;
   border: 1px solid #164A7B;
 }
-/* line 1003, ../../../scss/_clix2017.scss */
+/* line 1021, ../../../scss/_clix2017.scss */
 .activity_tile .activity_preview {
   height: 200px;
   width: 100%;
   border-width: 5px;
 }
-/* line 1010, ../../../scss/_clix2017.scss */
+/* line 1028, ../../../scss/_clix2017.scss */
 .activity_tile .activity_preview img {
   width: 100%;
   height: 210px;
 }
-/* line 1016, ../../../scss/_clix2017.scss */
+/* line 1034, ../../../scss/_clix2017.scss */
 .activity_tile .activity_text {
   padding: 7px 0px 0px 0px;
 }
-/* line 1018, ../../../scss/_clix2017.scss */
+/* line 1036, ../../../scss/_clix2017.scss */
 .activity_tile .activity_text .activity_title {
   letter-spacing: 0.2px;
   overflow: hidden;
@@ -907,15 +929,15 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   padding-top: 10px;
   padding-left: 6px;
 }
-/* line 1025, ../../../scss/_clix2017.scss */
+/* line 1043, ../../../scss/_clix2017.scss */
 .activity_tile .activity_text .activity_title > a {
   margin-right: 0px !important;
 }
-/* line 1029, ../../../scss/_clix2017.scss */
+/* line 1047, ../../../scss/_clix2017.scss */
 .activity_tile .activity_text .activity_title .filenode {
   z-index: -1;
 }
-/* line 1035, ../../../scss/_clix2017.scss */
+/* line 1053, ../../../scss/_clix2017.scss */
 .activity_tile .activity_text .activity_desc {
   letter-spacing: 0.3px;
   overflow: hidden;
@@ -924,7 +946,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   color: grey;
 }
 
-/* line 1046, ../../../scss/_clix2017.scss */
+/* line 1064, ../../../scss/_clix2017.scss */
 .asset_tile {
   margin-top: 10px;
   margin-bottom: 25px;
@@ -933,24 +955,24 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   height: 260px;
   border: 1px solid #164A7B;
 }
-/* line 1055, ../../../scss/_clix2017.scss */
+/* line 1073, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview {
   height: 200px;
   width: 99.9%;
   border-width: 5px;
 }
-/* line 1062, ../../../scss/_clix2017.scss */
+/* line 1080, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview .photos-1 img {
   /* Just in case there are inline attributes */
   width: 100% !important;
   height: 210px !important;
 }
-/* line 1067, ../../../scss/_clix2017.scss */
+/* line 1085, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview img {
   width: 100%;
   height: 210px;
 }
-/* line 1071, ../../../scss/_clix2017.scss */
+/* line 1089, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview .photos {
   /* Prevent vertical gaps */
   line-height: 0;
@@ -961,14 +983,14 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   column-count: 2;
   column-gap: 0px;
 }
-/* line 1081, ../../../scss/_clix2017.scss */
+/* line 1099, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview .photos img {
   /* Just in case there are inline attributes */
   width: 100% !important;
   height: 100px !important;
 }
 @media (max-width: 1200px) {
-  /* line 1088, ../../../scss/_clix2017.scss */
+  /* line 1106, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos {
     -moz-column-count: 2;
     -webkit-column-count: 2;
@@ -976,7 +998,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 1000px) {
-  /* line 1097, ../../../scss/_clix2017.scss */
+  /* line 1115, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos {
     -moz-column-count: 2;
     -webkit-column-count: 2;
@@ -984,7 +1006,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 800px) {
-  /* line 1104, ../../../scss/_clix2017.scss */
+  /* line 1122, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos {
     -moz-column-count: 2;
     -webkit-column-count: 2;
@@ -992,14 +1014,14 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 400px) {
-  /* line 1111, ../../../scss/_clix2017.scss */
+  /* line 1129, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos {
     -moz-column-count: 1;
     -webkit-column-count: 1;
     column-count: 1;
   }
 }
-/* line 1119, ../../../scss/_clix2017.scss */
+/* line 1137, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview .photos-02 {
   /* no vertical space*/
   line-height: 0;
@@ -1014,14 +1036,14 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   -webkit-row-gap: 0px;
   -moz-row-gap: 0px;
 }
-/* line 1135, ../../../scss/_clix2017.scss */
+/* line 1153, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview .photos-02 img {
   /* Just in case there are inline attributes */
   width: 100% !important;
   height: 105px !important;
 }
 @media (max-width: 1200px) {
-  /* line 1142, ../../../scss/_clix2017.scss */
+  /* line 1160, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos-02 {
     -moz-row-count: 2;
     -webkit-column-count: 1;
@@ -1032,7 +1054,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 1000px) {
-  /* line 1153, ../../../scss/_clix2017.scss */
+  /* line 1171, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos-02 {
     -moz-row-count: 2;
     -webkit-column-count: 1;
@@ -1043,7 +1065,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 800px) {
-  /* line 1164, ../../../scss/_clix2017.scss */
+  /* line 1182, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos-02 {
     -moz-row-count: 2;
     -webkit-column-count: 0;
@@ -1054,7 +1076,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 400px) {
-  /* line 1175, ../../../scss/_clix2017.scss */
+  /* line 1193, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos-02 {
     -moz-row-count: 2;
     -webkit-column-count: 1;
@@ -1064,7 +1086,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
     -moz-row-gap: 0px;
   }
 }
-/* line 1186, ../../../scss/_clix2017.scss */
+/* line 1204, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview .photos-03 {
   /* no vertical space*/
   line-height: 0;
@@ -1079,14 +1101,14 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   -webkit-row-gap: 0px;
   -moz-row-gap: 0px;
 }
-/* line 1202, ../../../scss/_clix2017.scss */
+/* line 1220, ../../../scss/_clix2017.scss */
 .asset_tile .asset_preview .photos-03 img {
   /* Just in case there are inline attributes */
   width: 100% !important;
   height: 70px !important;
 }
 @media (max-width: 1200px) {
-  /* line 1209, ../../../scss/_clix2017.scss */
+  /* line 1227, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos-03 {
     -moz-row-count: 3;
     -webkit-column-count: 1;
@@ -1097,7 +1119,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 1000px) {
-  /* line 1220, ../../../scss/_clix2017.scss */
+  /* line 1238, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos-03 {
     -moz-row-count: 3;
     -webkit-column-count: 1;
@@ -1108,7 +1130,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 800px) {
-  /* line 1231, ../../../scss/_clix2017.scss */
+  /* line 1249, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos-03 {
     -moz-row-count: 3;
     -webkit-column-count: 0;
@@ -1119,7 +1141,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   }
 }
 @media (max-width: 400px) {
-  /* line 1242, ../../../scss/_clix2017.scss */
+  /* line 1260, ../../../scss/_clix2017.scss */
   .asset_tile .asset_preview .photos-03 {
     -moz-row-count: 3;
     -webkit-column-count: 1;
@@ -1129,11 +1151,11 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
     -moz-row-gap: 0px;
   }
 }
-/* line 1253, ../../../scss/_clix2017.scss */
+/* line 1271, ../../../scss/_clix2017.scss */
 .asset_tile .asset_text {
   padding: 7px 0px 0px 0px;
 }
-/* line 1255, ../../../scss/_clix2017.scss */
+/* line 1273, ../../../scss/_clix2017.scss */
 .asset_tile .asset_text .asset_title {
   letter-spacing: 0.2px;
   overflow: hidden;
@@ -1142,11 +1164,11 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   padding-top: 10px;
   padding-left: 6px;
 }
-/* line 1263, ../../../scss/_clix2017.scss */
+/* line 1281, ../../../scss/_clix2017.scss */
 .asset_tile .asset_text .asset_title .filenode {
   z-index: -1;
 }
-/* line 1269, ../../../scss/_clix2017.scss */
+/* line 1287, ../../../scss/_clix2017.scss */
 .asset_tile .asset_text .asset_desc {
   letter-spacing: 0.3px;
   overflow: hidden;
@@ -1155,7 +1177,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   color: grey;
 }
 
-/* line 1280, ../../../scss/_clix2017.scss */
+/* line 1298, ../../../scss/_clix2017.scss */
 .audio_tile {
   display: inline-block;
   margin-top: 10px;
@@ -1166,22 +1188,22 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   width: 270px;
   margin-right: 15px;
 }
-/* line 1290, ../../../scss/_clix2017.scss */
+/* line 1308, ../../../scss/_clix2017.scss */
 .audio_tile .audio_preview audio {
   width: 100%;
 }
-/* line 1293, ../../../scss/_clix2017.scss */
+/* line 1311, ../../../scss/_clix2017.scss */
 .audio_tile .audio_preview figcaption {
   margin-left: 5px;
 }
-/* line 1298, ../../../scss/_clix2017.scss */
+/* line 1316, ../../../scss/_clix2017.scss */
 .audio_tile:hover {
   border-width: 2px 2px 5px 2px;
   border-style: solid;
   border-color: #ce7869;
 }
 
-/* line 1308, ../../../scss/_clix2017.scss */
+/* line 1326, ../../../scss/_clix2017.scss */
 .template_tile {
   display: inline-block;
   margin-top: 10px;
@@ -1192,26 +1214,26 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   width: 120px;
   margin-right: 15px;
 }
-/* line 1318, ../../../scss/_clix2017.scss */
+/* line 1336, ../../../scss/_clix2017.scss */
 .template_tile .template_preview {
   height: 85px;
   width: 100%;
 }
-/* line 1321, ../../../scss/_clix2017.scss */
+/* line 1339, ../../../scss/_clix2017.scss */
 .template_tile .template_preview img {
   width: 100%;
 }
-/* line 1325, ../../../scss/_clix2017.scss */
+/* line 1343, ../../../scss/_clix2017.scss */
 .template_tile:hover {
   border-width: 2px 2px 5px 2px;
   border-style: solid;
   border-color: #ce7869;
 }
-/* line 1331, ../../../scss/_clix2017.scss */
+/* line 1349, ../../../scss/_clix2017.scss */
 .template_tile .template_text {
   padding: 10px 0px 0px 0px;
 }
-/* line 1333, ../../../scss/_clix2017.scss */
+/* line 1351, ../../../scss/_clix2017.scss */
 .template_tile .template_text .template_title {
   letter-spacing: 0.2px;
   overflow: hidden;
@@ -1220,7 +1242,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   padding-top: 22px;
   padding-left: 6px;
 }
-/* line 1342, ../../../scss/_clix2017.scss */
+/* line 1360, ../../../scss/_clix2017.scss */
 .template_tile .template_text .template_desc {
   letter-spacing: 0.3px;
   overflow: hidden;
@@ -1229,7 +1251,7 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   color: grey;
 }
 
-/* line 1356, ../../../scss/_clix2017.scss */
+/* line 1374, ../../../scss/_clix2017.scss */
 .preview_asset {
   background: #ccc;
   border: 2px solid #999;
@@ -1238,31 +1260,31 @@ ul.horizontal_tabs_gstudio > li.sub_group_action:hover ul {
   margin-left: 14px;
 }
 
-/* line 1364, ../../../scss/_clix2017.scss */
+/* line 1382, ../../../scss/_clix2017.scss */
 h6 {
   margin-left: 15px;
 }
 
 /*Custom css*/
-/* line 1370, ../../../scss/_clix2017.scss */
+/* line 1388, ../../../scss/_clix2017.scss */
 .add_more_files {
   color: #aaa;
   letter-spacing: 0.6px;
   margin-left: 10px;
 }
 
-/* line 1378, ../../../scss/_clix2017.scss */
+/* line 1396, ../../../scss/_clix2017.scss */
 input.trans-sub[type="text"], input.trans-sub[type="file"] {
   margin-top: 5px;
   margin-left: 20px;
 }
 
-/* line 1384, ../../../scss/_clix2017.scss */
+/* line 1402, ../../../scss/_clix2017.scss */
 input.trans-sub[type="file"]::-webkit-file-upload-button {
   visibility: hidden;
 }
 
-/* line 1387, ../../../scss/_clix2017.scss */
+/* line 1405, ../../../scss/_clix2017.scss */
 input.trans-sub[type="file"]:before {
   content: 'Select files';
   display: inline-block;
@@ -1280,7 +1302,7 @@ input.trans-sub[type="file"]:before {
   margin-left: 20px;
 }
 
-/* line 1404, ../../../scss/_clix2017.scss */
+/* line 1422, ../../../scss/_clix2017.scss */
 input.trans-sub[type="file"] {
   padding: 5px;
   margin-top: 10px;
@@ -1290,17 +1312,17 @@ input.trans-sub[type="file"] {
   width: 98%;
 }
 
-/* line 1412, ../../../scss/_clix2017.scss */
+/* line 1430, ../../../scss/_clix2017.scss */
 input.trans-sub[type="text"] {
   text-align: left;
 }
 
-/* line 1417, ../../../scss/_clix2017.scss */
+/* line 1435, ../../../scss/_clix2017.scss */
 input[type="text"], input[type="file"] {
   margin-top: 5px;
 }
 
-/* line 1420, ../../../scss/_clix2017.scss */
+/* line 1438, ../../../scss/_clix2017.scss */
 label {
   font-size: 12px;
   text-transform: uppercase;
@@ -1309,12 +1331,12 @@ label {
   margin-left: 20px;
 }
 
-/* line 1429, ../../../scss/_clix2017.scss */
+/* line 1447, ../../../scss/_clix2017.scss */
 input[type="file"]::-webkit-file-upload-button {
   visibility: hidden;
 }
 
-/* line 1432, ../../../scss/_clix2017.scss */
+/* line 1450, ../../../scss/_clix2017.scss */
 input[type="file"]:before {
   content: 'Select files';
   display: inline-block;
@@ -1331,7 +1353,7 @@ input[type="file"]:before {
   float: right;
 }
 
-/* line 1448, ../../../scss/_clix2017.scss */
+/* line 1466, ../../../scss/_clix2017.scss */
 input[type="file"] {
   padding: 5px;
   margin-top: 10px;
@@ -1341,7 +1363,7 @@ input[type="file"] {
   width: 95%;
 }
 
-/* line 1460, ../../../scss/_clix2017.scss */
+/* line 1478, ../../../scss/_clix2017.scss */
 input[type="button"] {
   -webkit-appearance: button;
   cursor: pointer;
@@ -1349,7 +1371,7 @@ input[type="button"] {
   width: 8%;
 }
 
-/* line 1471, ../../../scss/_clix2017.scss */
+/* line 1489, ../../../scss/_clix2017.scss */
 .select-language {
   display: block;
   border: 1px solid #999;
@@ -1361,20 +1383,20 @@ input[type="button"] {
   border-color: #cc7769;
 }
 
-/* line 1483, ../../../scss/_clix2017.scss */
+/* line 1501, ../../../scss/_clix2017.scss */
 .name-desc-asset-cont-area {
   width: 95%;
   margin-left: 24px;
 }
 
-/* line 1488, ../../../scss/_clix2017.scss */
+/* line 1506, ../../../scss/_clix2017.scss */
 #asset_content_desc, #asset_content_name {
   color: black !important;
   font-size: 13px;
 }
 
 /*  Buttons custom css */
-/* line 1494, ../../../scss/_clix2017.scss */
+/* line 1512, ../../../scss/_clix2017.scss */
 .button-hollow-white {
   background: inherit;
   border: 2px solid #fff;
@@ -1389,29 +1411,36 @@ input[type="button"] {
 }
 
 /*  Buttons custom css */
-/* line 1507, ../../../scss/_clix2017.scss */
+/* line 1525, ../../../scss/_clix2017.scss */
 .secondary-header-tabs {
-  color: #719dc7;
+  color: #6f0859;
   font-weight: 400;
   padding: 14px 10px 3px 10px;
   cursor: pointer;
   transition: color 1s ease, border-color 1s ease;
   -webkit-transition: color 1s ease, border-color 1s ease;
   display: inline-block;
+  padding-bottom: 14px;
 }
-/* line 1516, ../../../scss/_clix2017.scss */
+/* line 1535, ../../../scss/_clix2017.scss */
 .secondary-header-tabs:hover {
-  color: #164A7B;
+  color: white;
+  background-color: #6f0859;
 }
-/* line 1520, ../../../scss/_clix2017.scss */
+/* line 1540, ../../../scss/_clix2017.scss */
 .secondary-header-tabs.active {
-  color: #164A7B;
-  border-bottom: 2px solid #164A7B;
+  color: #6f0859;
+  border-bottom: 2px solid #ffc14e;
   padding-bottom: 14px;
   font-weight: 600;
 }
+/* line 1545, ../../../scss/_clix2017.scss */
+.secondary-header-tabs.active:hover {
+  color: white;
+  background-color: #6f0859;
+}
 
-/* line 1529, ../../../scss/_clix2017.scss */
+/* line 1553, ../../../scss/_clix2017.scss */
 .secondary-header-button {
   color: #3c556d;
   font-weight: 700;
@@ -1424,12 +1453,12 @@ input[type="button"] {
   font-size: 13px;
   letter-spacing: 1.2px;
 }
-/* line 1541, ../../../scss/_clix2017.scss */
+/* line 1565, ../../../scss/_clix2017.scss */
 .secondary-header-button:hover {
   opacity: 0.5;
 }
 
-/* line 1547, ../../../scss/_clix2017.scss */
+/* line 1571, ../../../scss/_clix2017.scss */
 .orange-button {
   color: #ce7869;
   padding: 7px 14px;
@@ -1443,13 +1472,13 @@ input[type="button"] {
   margin-top: 8px;
   cursor: pointer;
 }
-/* line 1559, ../../../scss/_clix2017.scss */
+/* line 1583, ../../../scss/_clix2017.scss */
 .orange-button:hover {
   background-color: rgba(206, 120, 105, 0.2);
   color: #ce7869;
 }
 
-/* line 1565, ../../../scss/_clix2017.scss */
+/* line 1589, ../../../scss/_clix2017.scss */
 .pink-button {
   background: #a2238d;
   height: 37px;
@@ -1462,12 +1491,12 @@ input[type="button"] {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 1576, ../../../scss/_clix2017.scss */
+/* line 1600, ../../../scss/_clix2017.scss */
 .pink-button:hover {
   box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.68);
 }
 
-/* line 1581, ../../../scss/_clix2017.scss */
+/* line 1605, ../../../scss/_clix2017.scss */
 .orange-button-template {
   color: #ce7869;
   padding: 7px 14px;
@@ -1480,13 +1509,13 @@ input[type="button"] {
   margin-bottom: 8px;
   margin-top: 10px;
 }
-/* line 1592, ../../../scss/_clix2017.scss */
+/* line 1616, ../../../scss/_clix2017.scss */
 .orange-button-template:hover {
   background-color: rgba(206, 120, 105, 0.2);
   color: #ce7869;
 }
 
-/* line 1600, ../../../scss/_clix2017.scss */
+/* line 1624, ../../../scss/_clix2017.scss */
 .orange-button-subtitle {
   color: #ce7869;
   padding: 7px 14px;
@@ -1499,13 +1528,13 @@ input[type="button"] {
   margin-bottom: 8px;
   margin-top: 10px;
 }
-/* line 1611, ../../../scss/_clix2017.scss */
+/* line 1635, ../../../scss/_clix2017.scss */
 .orange-button-subtitle:hover {
   background-color: rgba(206, 120, 105, 0.2);
   color: #ce7869;
 }
 
-/* line 1618, ../../../scss/_clix2017.scss */
+/* line 1642, ../../../scss/_clix2017.scss */
 .asset-unit-button {
   color: #ce7869;
   padding: 7px 14px;
@@ -1518,13 +1547,13 @@ input[type="button"] {
   margin-bottom: 8px;
   margin-top: 300px;
 }
-/* line 1629, ../../../scss/_clix2017.scss */
+/* line 1653, ../../../scss/_clix2017.scss */
 .asset-unit-button:hover {
   background-color: rgba(206, 120, 105, 0.2);
   color: #ce7869;
 }
 
-/* line 1636, ../../../scss/_clix2017.scss */
+/* line 1660, ../../../scss/_clix2017.scss */
 .disab-button {
   margin-right: 10px;
   background-color: #fff;
@@ -1532,13 +1561,13 @@ input[type="button"] {
   font-size: 14px;
 }
 
-/* line 1644, ../../../scss/_clix2017.scss */
+/* line 1668, ../../../scss/_clix2017.scss */
 .save-asset {
   margin-top: 9px;
   margin-right: -133px;
 }
 
-/* line 1648, ../../../scss/_clix2017.scss */
+/* line 1672, ../../../scss/_clix2017.scss */
 .asset-save-button {
   color: #ce7869;
   display: inline-block;
@@ -1558,7 +1587,7 @@ input[type="button"] {
   margin-top: 5px;
 }
 
-/* line 1668, ../../../scss/_clix2017.scss */
+/* line 1692, ../../../scss/_clix2017.scss */
 .blue-white-button {
   color: #fff;
   background: #164A7B;
@@ -1569,7 +1598,7 @@ input[type="button"] {
   padding: 8px 10px;
 }
 
-/* line 1678, ../../../scss/_clix2017.scss */
+/* line 1702, ../../../scss/_clix2017.scss */
 button[disabled], .button.disabled, .button[disabled] {
   background-color: #eefaff;
   border-color: #eefaff;
@@ -1583,17 +1612,17 @@ button[disabled], .button.disabled, .button[disabled] {
   padding: 8px 10px;
 }
 
-/* line 1694, ../../../scss/_clix2017.scss */
+/* line 1718, ../../../scss/_clix2017.scss */
 .button-small {
   padding: 1px 5px;
 }
 
 /* Create Curriculum */
-/* line 1699, ../../../scss/_clix2017.scss */
+/* line 1723, ../../../scss/_clix2017.scss */
 ul.jqtree_common {
   position: relative;
 }
-/* line 1701, ../../../scss/_clix2017.scss */
+/* line 1725, ../../../scss/_clix2017.scss */
 ul.jqtree_common:before {
   border-width: 0px 0px 1px 1px;
   position: absolute;
@@ -1618,11 +1647,11 @@ ul.jqtree_common:before {
         width: 15px;
     }
 }*/
-/* line 1726, ../../../scss/_clix2017.scss */
+/* line 1750, ../../../scss/_clix2017.scss */
 ul:not(:only-child) li:first-child {
   position: relative;
 }
-/* line 1728, ../../../scss/_clix2017.scss */
+/* line 1752, ../../../scss/_clix2017.scss */
 ul:not(:only-child) li:first-child:before {
   border-width: 1px 0px 0px 0px;
   position: absolute;
@@ -1634,11 +1663,11 @@ ul:not(:only-child) li:first-child:before {
   width: 30px;
 }
 
-/* line 1739, ../../../scss/_clix2017.scss */
+/* line 1763, ../../../scss/_clix2017.scss */
 .jqtree_common .jqtree-element:not(.leaf_node):not(:only-child), .jqtree_common .jqtree-element.leaf_node {
   position: relative;
 }
-/* line 1741, ../../../scss/_clix2017.scss */
+/* line 1765, ../../../scss/_clix2017.scss */
 .jqtree_common .jqtree-element:not(.leaf_node):not(:only-child):before, .jqtree_common .jqtree-element.leaf_node:before {
   border-width: 1px 0px 0px 0px;
   position: absolute;
@@ -1650,31 +1679,31 @@ ul:not(:only-child) li:first-child:before {
   width: 10px;
 }
 
-/* line 1754, ../../../scss/_clix2017.scss */
+/* line 1778, ../../../scss/_clix2017.scss */
 ul.jqtree-tree .jqtree-element {
   margin-top: 15px;
 }
 
-/* line 1758, ../../../scss/_clix2017.scss */
+/* line 1782, ../../../scss/_clix2017.scss */
 ul.jqtree-tree ul.jqtree_common {
   margin-left: 35px;
 }
 
-/* line 1762, ../../../scss/_clix2017.scss */
+/* line 1786, ../../../scss/_clix2017.scss */
 ul.jqtree-tree li.jqtree-selected > .jqtree-element, ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
   background: transparent;
 }
 
-/* line 1766, ../../../scss/_clix2017.scss */
+/* line 1790, ../../../scss/_clix2017.scss */
 ul.jqtree-tree .jqtree-toggler {
   color: #aaa;
 }
-/* line 1768, ../../../scss/_clix2017.scss */
+/* line 1792, ../../../scss/_clix2017.scss */
 ul.jqtree-tree .jqtree-toggler:hover {
   color: #aaa;
 }
 
-/* line 1773, ../../../scss/_clix2017.scss */
+/* line 1797, ../../../scss/_clix2017.scss */
 .curriculum_creator {
   background: #fff;
   box-shadow: 0px 2px 6px #000;
@@ -1685,7 +1714,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 15px;
 }
 
-/* line 1782, ../../../scss/_clix2017.scss */
+/* line 1806, ../../../scss/_clix2017.scss */
 .curriculum_creator_header {
   width: 100%;
   height: 60px;
@@ -1693,13 +1722,13 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 5px 15px;
   box-shadow: 1px 0px 13px #000;
 }
-/* line 1789, ../../../scss/_clix2017.scss */
+/* line 1813, ../../../scss/_clix2017.scss */
 .curriculum_creator_header .course_heading span {
   letter-spacing: 0.9px;
   font-weight: 600;
   line-height: 50px;
 }
-/* line 1799, ../../../scss/_clix2017.scss */
+/* line 1823, ../../../scss/_clix2017.scss */
 .curriculum_creator_header .course_actions ul li {
   list-style-type: none;
   display: inline-block;
@@ -1708,12 +1737,12 @@ ul.jqtree-tree .jqtree-toggler:hover {
   cursor: pointer;
   letter-spacing: 0.8px;
 }
-/* line 1809, ../../../scss/_clix2017.scss */
+/* line 1833, ../../../scss/_clix2017.scss */
 .curriculum_creator_header .course_actions ul li.active, .curriculum_creator_header .course_actions ul li:hover {
   border-bottom: 3px solid #ffc14e;
 }
 
-/* line 1817, ../../../scss/_clix2017.scss */
+/* line 1841, ../../../scss/_clix2017.scss */
 .curriculum_list {
   width: 100%;
   height: 60px;
@@ -1722,14 +1751,14 @@ ul.jqtree-tree .jqtree-toggler:hover {
   box-shadow: 0px 1px 4px #004;
   color: #2b78e4;
 }
-/* line 1824, ../../../scss/_clix2017.scss */
+/* line 1848, ../../../scss/_clix2017.scss */
 .curriculum_list a {
   color: #164A7B;
   font-size: 20px;
   font-weight: 600;
 }
 
-/* line 1831, ../../../scss/_clix2017.scss */
+/* line 1855, ../../../scss/_clix2017.scss */
 .curriculum_list_header {
   max-width: 1176px !important;
   margin: 0 auto !important;
@@ -1752,7 +1781,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   box-shadow: 0px 3px 6px #000;
   background-color: #ffffff;
 }
-/* line 1852, ../../../scss/_clix2017.scss */
+/* line 1876, ../../../scss/_clix2017.scss */
 .curriculum_list_header .title-curriculum {
   font-family: inherit !important;
   font-weight: bold !important;
@@ -1762,7 +1791,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   font-weight: 500 !important;
   font-size: 20px !important;
 }
-/* line 1862, ../../../scss/_clix2017.scss */
+/* line 1886, ../../../scss/_clix2017.scss */
 .curriculum_list_header .add-curriculum {
   position: relative !important;
   display: -moz-box !important;
@@ -1778,7 +1807,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   font-weight: 500 !important;
 }
 
-/* line 1878, ../../../scss/_clix2017.scss */
+/* line 1902, ../../../scss/_clix2017.scss */
 .curriculum_listing {
   max-width: 1176px !important;
   margin: 0 auto !important;
@@ -1796,7 +1825,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   background: #fff;
   box-shadow: 0px 2px 6px #000;
 }
-/* line 1895, ../../../scss/_clix2017.scss */
+/* line 1919, ../../../scss/_clix2017.scss */
 .curriculum_listing .curriculum_content {
   display: -moz-box !important;
   display: -ms-flexbox !important;
@@ -1817,11 +1846,11 @@ ul.jqtree-tree .jqtree-toggler:hover {
   -ms-flex-pack: justify !important;
   -webkit-box-pack: justify !important;
 }
-/* line 1914, ../../../scss/_clix2017.scss */
+/* line 1938, ../../../scss/_clix2017.scss */
 .curriculum_listing .curriculum_content:hover {
   background: #F0F1F2 !important;
 }
-/* line 1917, ../../../scss/_clix2017.scss */
+/* line 1941, ../../../scss/_clix2017.scss */
 .curriculum_listing .curriculum_content .curriculum_content_left {
   display: -moz-box !important;
   display: -ms-flexbox !important;
@@ -1834,7 +1863,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   -ms-flex-align: center !important;
   -webkit-box-align: center !important;
 }
-/* line 1928, ../../../scss/_clix2017.scss */
+/* line 1952, ../../../scss/_clix2017.scss */
 .curriculum_listing .curriculum_content .curriculum_content_left .curriculum_content_details {
   display: -moz-box !important;
   display: -ms-flexbox !important;
@@ -1853,7 +1882,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   -webkit-box-orient: vertical !important;
   -webkit-box-direction: normal !important;
 }
-/* line 1945, ../../../scss/_clix2017.scss */
+/* line 1969, ../../../scss/_clix2017.scss */
 .curriculum_listing .curriculum_content .curriculum_content_left .curriculum_content_details .hyperlink-style {
   text-decoration: none !important;
   font-family: inherit !important;
@@ -1866,7 +1895,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   overflow: hidden !important;
   text-overflow: ellipsis !important;
 }
-/* line 1957, ../../../scss/_clix2017.scss */
+/* line 1981, ../../../scss/_clix2017.scss */
 .curriculum_listing .curriculum_content .curriculum_content_left .curriculum_content_details .hyperlink-info {
   text-decoration: none !important;
   font-family: inherit !important;
@@ -1876,28 +1905,28 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin-top: 4px !important;
 }
 
-/* line 1970, ../../../scss/_clix2017.scss */
+/* line 1994, ../../../scss/_clix2017.scss */
 .explore-header {
   line-height: 4em;
 }
-/* line 1972, ../../../scss/_clix2017.scss */
+/* line 1996, ../../../scss/_clix2017.scss */
 .explore-header > div {
   vertical-align: middle;
   display: inline-block;
 }
-/* line 1978, ../../../scss/_clix2017.scss */
+/* line 2002, ../../../scss/_clix2017.scss */
 .explore-header .heading a {
   color: #fff;
 }
 
-/* line 1995, ../../../scss/_clix2017.scss */
+/* line 2019, ../../../scss/_clix2017.scss */
 .node_name_empty {
   border-radius: 5px;
   margin-top: 11px;
 }
 
 /*Common css*/
-/* line 2005, ../../../scss/_clix2017.scss */
+/* line 2029, ../../../scss/_clix2017.scss */
 .toggleButtons a {
   padding: 0.5em 1em;
   margin: 0px;
@@ -1906,20 +1935,20 @@ ul.jqtree-tree .jqtree-toggler:hover {
   border: 1px solid #B7B7B7;
   display: inline;
 }
-/* line 2013, ../../../scss/_clix2017.scss */
+/* line 2037, ../../../scss/_clix2017.scss */
 .toggleButtons a:first-child {
   margin-right: -3px;
   border-right: 0px solid #000;
 }
-/* line 2017, ../../../scss/_clix2017.scss */
+/* line 2041, ../../../scss/_clix2017.scss */
 .toggleButtons a:first-child {
   border-radius: 10px 0px 0px 10px;
 }
-/* line 2020, ../../../scss/_clix2017.scss */
+/* line 2044, ../../../scss/_clix2017.scss */
 .toggleButtons a:last-child {
   border-radius: 0px 10px 10px 0px;
 }
-/* line 2023, ../../../scss/_clix2017.scss */
+/* line 2047, ../../../scss/_clix2017.scss */
 .toggleButtons a.active {
   background-color: #908F8F;
   color: #fff;
@@ -1927,12 +1956,12 @@ ul.jqtree-tree .jqtree-toggler:hover {
 
 /* about_course style */
 /* abput and modules */
-/* line 2034, ../../../scss/_clix2017.scss */
+/* line 2058, ../../../scss/_clix2017.scss */
 .about-course {
   background-color: #fff;
   padding: 10px 23px;
 }
-/* line 2037, ../../../scss/_clix2017.scss */
+/* line 2061, ../../../scss/_clix2017.scss */
 .about-course > h5 {
   text-transform: uppercase;
   font-weight: 600;
@@ -1943,7 +1972,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin-left: 5px;
 }
 
-/* line 2048, ../../../scss/_clix2017.scss */
+/* line 2072, ../../../scss/_clix2017.scss */
 .course-desc {
   letter-spacing: 0.7px;
   font-weight: 400;
@@ -1953,7 +1982,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin-top: 5px;
 }
 
-/* line 2058, ../../../scss/_clix2017.scss */
+/* line 2082, ../../../scss/_clix2017.scss */
 .course-highlight {
   letter-spacing: 0.7px;
   font-weight: 400;
@@ -1964,29 +1993,29 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin-left: 4px;
   margin-bottom: 5px;
 }
-/* line 2069, ../../../scss/_clix2017.scss */
+/* line 2093, ../../../scss/_clix2017.scss */
 .course-highlight > span {
   color: #164a7b;
 }
 
 /* group analytics and notifications */
-/* line 2079, ../../../scss/_clix2017.scss */
+/* line 2103, ../../../scss/_clix2017.scss */
 .course-overview-container .course-overview > .columns {
   padding: 0px 10px;
 }
-/* line 2082, ../../../scss/_clix2017.scss */
+/* line 2106, ../../../scss/_clix2017.scss */
 .course-overview-container h5 {
   text-transform: uppercase;
 }
-/* line 2085, ../../../scss/_clix2017.scss */
+/* line 2109, ../../../scss/_clix2017.scss */
 .course-overview-container .correct-count {
   color: #367714;
 }
-/* line 2088, ../../../scss/_clix2017.scss */
+/* line 2112, ../../../scss/_clix2017.scss */
 .course-overview-container .incorrect-count {
   color: #9b0000;
 }
-/* line 2091, ../../../scss/_clix2017.scss */
+/* line 2115, ../../../scss/_clix2017.scss */
 .course-overview-container .course-metric-heading {
   text-transform: uppercase;
   letter-spacing: 0.9px;
@@ -1994,7 +2023,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   color: #000000;
   display: block;
 }
-/* line 2099, ../../../scss/_clix2017.scss */
+/* line 2123, ../../../scss/_clix2017.scss */
 .course-overview-container .course-metric-count {
   font-weight: 600;
   letter-spacing: 0.5px;
@@ -2002,37 +2031,37 @@ ul.jqtree-tree .jqtree-toggler:hover {
   color: #000000;
   font-size: 17px;
 }
-/* line 2107, ../../../scss/_clix2017.scss */
+/* line 2131, ../../../scss/_clix2017.scss */
 .course-overview-container .ongoing-session {
   border-bottom: 1px solid #ccc;
   margin-bottom: 12px;
   padding-bottom: 15px;
 }
-/* line 2112, ../../../scss/_clix2017.scss */
+/* line 2136, ../../../scss/_clix2017.scss */
 .course-overview-container .ongoing-session h5, .course-overview-container .ongoing-session h3 {
   color: #2b78e4;
 }
-/* line 2115, ../../../scss/_clix2017.scss */
+/* line 2139, ../../../scss/_clix2017.scss */
 .course-overview-container .ongoing-session button {
   padding: 7px;
   margin: 0px;
   background-color: #2B78E4;
 }
-/* line 2123, ../../../scss/_clix2017.scss */
+/* line 2147, ../../../scss/_clix2017.scss */
 .course-overview-container .course-status > h5 {
   color: #888;
 }
-/* line 2126, ../../../scss/_clix2017.scss */
+/* line 2150, ../../../scss/_clix2017.scss */
 .course-overview-container .course-status > .row {
   margin: 10px 0px;
 }
-/* line 2129, ../../../scss/_clix2017.scss */
+/* line 2153, ../../../scss/_clix2017.scss */
 .course-overview-container .course-status .tabs {
   width: 100%;
   margin: 0em 0em 0.5em;
   border-bottom: 1px solid #CCC;
 }
-/* line 2134, ../../../scss/_clix2017.scss */
+/* line 2158, ../../../scss/_clix2017.scss */
 .course-overview-container .course-status .tabs .tab-title {
   width: 40%;
   background-color: #DEDEDE;
@@ -2041,17 +2070,17 @@ ul.jqtree-tree .jqtree-toggler:hover {
   top: 1px;
   text-transform: uppercase;
 }
-/* line 2142, ../../../scss/_clix2017.scss */
+/* line 2166, ../../../scss/_clix2017.scss */
 .course-overview-container .course-status .tabs .tab-title.active {
   background-color: #fff;
   border: 1px solid #CCC;
   border-bottom: 0px;
 }
-/* line 2153, ../../../scss/_clix2017.scss */
+/* line 2177, ../../../scss/_clix2017.scss */
 .course-overview-container .course-notif-logs ul {
   list-style: none;
 }
-/* line 2157, ../../../scss/_clix2017.scss */
+/* line 2181, ../../../scss/_clix2017.scss */
 .course-overview-container .course-section {
   border: 1px solid #ccc;
   padding: 10px;
@@ -2059,11 +2088,11 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin: 40px 0px;
   position: relative;
 }
-/* line 2164, ../../../scss/_clix2017.scss */
+/* line 2188, ../../../scss/_clix2017.scss */
 .course-overview-container .course-section > .row {
   margin: 20px 0px;
 }
-/* line 2168, ../../../scss/_clix2017.scss */
+/* line 2192, ../../../scss/_clix2017.scss */
 .course-overview-container .course-section .course-section-heading {
   text-transform: uppercase;
   font-weight: 600;
@@ -2072,7 +2101,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin: 2px 0px 15px;
   color: #888;
 }
-/* line 2178, ../../../scss/_clix2017.scss */
+/* line 2202, ../../../scss/_clix2017.scss */
 .course-overview-container .course-section .course-section-icon {
   font-size: 20px;
   top: -35px;
@@ -2080,59 +2109,59 @@ ul.jqtree-tree .jqtree-toggler:hover {
   background: #ffffff;
   margin-left: 22px;
 }
-/* line 2203, ../../../scss/_clix2017.scss */
+/* line 2227, ../../../scss/_clix2017.scss */
 .course-overview-container .course-warning {
   background-color: #fffdd7;
 }
-/* line 2205, ../../../scss/_clix2017.scss */
+/* line 2229, ../../../scss/_clix2017.scss */
 .course-overview-container .course-warning > h5 {
   color: #c09100;
 }
-/* line 2208, ../../../scss/_clix2017.scss */
+/* line 2232, ../../../scss/_clix2017.scss */
 .course-overview-container .course-warning i {
   padding: 10px;
   margin-right: 5px;
   color: #c09100;
 }
-/* line 2213, ../../../scss/_clix2017.scss */
+/* line 2237, ../../../scss/_clix2017.scss */
 .course-overview-container .course-warning a {
   text-decoration: underline;
 }
-/* line 2217, ../../../scss/_clix2017.scss */
+/* line 2241, ../../../scss/_clix2017.scss */
 .course-overview-container .course-students-data {
   margin: 20px 0px;
 }
-/* line 2221, ../../../scss/_clix2017.scss */
+/* line 2245, ../../../scss/_clix2017.scss */
 .course-overview-container .course-students-data .students-table-legends > span:nth-child(odd) {
   margin: 0px 10px;
 }
-/* line 2224, ../../../scss/_clix2017.scss */
+/* line 2248, ../../../scss/_clix2017.scss */
 .course-overview-container .course-students-data .students-table-legends > span:nth-child(even) {
   display: inline-block;
   vertical-align: top;
   margin-right: 10px;
 }
-/* line 2231, ../../../scss/_clix2017.scss */
+/* line 2255, ../../../scss/_clix2017.scss */
 .course-overview-container .student-overview-table {
   width: 100%;
   margin: 15px 0px;
 }
-/* line 2235, ../../../scss/_clix2017.scss */
+/* line 2259, ../../../scss/_clix2017.scss */
 .course-overview-container .student-overview-table tr {
   border: none;
 }
-/* line 2239, ../../../scss/_clix2017.scss */
+/* line 2263, ../../../scss/_clix2017.scss */
 .course-overview-container .student-overview-table .progress .merter-val {
   margin-left: 5px;
 }
 
-/* line 2247, ../../../scss/_clix2017.scss */
+/* line 2271, ../../../scss/_clix2017.scss */
 .notifications-analytics-tabs .tabs {
   width: 100%;
   margin: 0em 0em 0.5em;
   border-bottom: 1px solid #CCC;
 }
-/* line 2252, ../../../scss/_clix2017.scss */
+/* line 2276, ../../../scss/_clix2017.scss */
 .notifications-analytics-tabs .tabs .tab-title {
   width: 40%;
   background-color: #DEDEDE;
@@ -2141,7 +2170,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   top: 1px;
   text-transform: uppercase;
 }
-/* line 2260, ../../../scss/_clix2017.scss */
+/* line 2284, ../../../scss/_clix2017.scss */
 .notifications-analytics-tabs .tabs .tab-title.active {
   background-color: #ffc14e;
   border: 1px solid #CCC;
@@ -2149,12 +2178,12 @@ ul.jqtree-tree .jqtree-toggler:hover {
 }
 
 /* The notification Dashboard */
-/* line 2276, ../../../scss/_clix2017.scss */
+/* line 2300, ../../../scss/_clix2017.scss */
 .course-dashboard .course-status > ul, .course-dashboard .course-notifications > ul,
 .course-dashboard .course-performance > ul {
   list-style: none;
 }
-/* line 2280, ../../../scss/_clix2017.scss */
+/* line 2304, ../../../scss/_clix2017.scss */
 .course-dashboard .course-status > .row, .course-dashboard .course-notifications > .row,
 .course-dashboard .course-performance > .row {
   padding: 0px;
@@ -2166,75 +2195,75 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin: 0em 0em;
   border-radius: 10px;
 }
-/* line 2292, ../../../scss/_clix2017.scss */
+/* line 2316, ../../../scss/_clix2017.scss */
 .course-dashboard .dash-tile-heading {
   padding: 0.2em 0.7em;
   border-bottom: 1px solid #DADADA;
   font-weight: 500;
 }
-/* line 2298, ../../../scss/_clix2017.scss */
+/* line 2322, ../../../scss/_clix2017.scss */
 .course-dashboard .dash-tile-row {
   padding: 1em;
 }
-/* line 2301, ../../../scss/_clix2017.scss */
+/* line 2325, ../../../scss/_clix2017.scss */
 .course-dashboard .dash-tile-row:nth-child(n+3) {
   border-top: 1px solid #DCDCDC;
 }
-/* line 2307, ../../../scss/_clix2017.scss */
+/* line 2331, ../../../scss/_clix2017.scss */
 .course-dashboard .course-status .course-update .course-current-state {
   color: #000;
   font-weight: bold;
   padding: 0.5em 0.8em 0.6em;
 }
-/* line 2317, ../../../scss/_clix2017.scss */
+/* line 2341, ../../../scss/_clix2017.scss */
 .course-dashboard .course-notifications {
   position: relative;
 }
-/* line 2322, ../../../scss/_clix2017.scss */
+/* line 2346, ../../../scss/_clix2017.scss */
 .course-dashboard .course-notifications .notification-row .notification-text {
   letter-spacing: 0em;
   word-spacing: 0.2em;
 }
-/* line 2327, ../../../scss/_clix2017.scss */
+/* line 2351, ../../../scss/_clix2017.scss */
 .course-dashboard .course-notifications .notification-row .time-elapsed {
   color: #424242;
   cursor: pointer;
 }
-/* line 2334, ../../../scss/_clix2017.scss */
+/* line 2358, ../../../scss/_clix2017.scss */
 .course-dashboard .course-notifications .notification-count {
   position: absolute;
   right: 0.5em;
   top: 0.3em;
 }
 
-/* line 2351, ../../../scss/_clix2017.scss */
+/* line 2375, ../../../scss/_clix2017.scss */
 .notebook .notebook-header a, .notebook .notebook-header input {
   margin: 0px;
 }
-/* line 2354, ../../../scss/_clix2017.scss */
+/* line 2378, ../../../scss/_clix2017.scss */
 .notebook .notebook-header .notes-count {
   text-align: center;
 }
-/* line 2359, ../../../scss/_clix2017.scss */
+/* line 2383, ../../../scss/_clix2017.scss */
 .notebook .notebook-header .notes-count span:first-child {
   font-weight: 600;
   padding: 15px;
 }
-/* line 2364, ../../../scss/_clix2017.scss */
+/* line 2388, ../../../scss/_clix2017.scss */
 .notebook .notebook-header .notes-count span:last-child {
   background: lightgrey;
   padding: 2px 5px;
   vertical-align: text-bottom;
 }
-/* line 2374, ../../../scss/_clix2017.scss */
+/* line 2398, ../../../scss/_clix2017.scss */
 .notebook .notebook-body {
   padding: 0px 0px;
 }
-/* line 2377, ../../../scss/_clix2017.scss */
+/* line 2401, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .row {
   margin: 30px 0px;
 }
-/* line 2380, ../../../scss/_clix2017.scss */
+/* line 2404, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card, .notebook .notebook-body .note-cards .note-details {
   border: 1px solid #ccc;
   padding: 10px 15px;
@@ -2244,11 +2273,11 @@ ul.jqtree-tree .jqtree-toggler:hover {
   cursor: pointer;
   position: relative;
 }
-/* line 2389, ../../../scss/_clix2017.scss */
+/* line 2413, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card .note-heading, .notebook .notebook-body .note-cards .note-details .note-heading {
   font-weight: 800;
 }
-/* line 2393, ../../../scss/_clix2017.scss */
+/* line 2417, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card .note-close, .notebook .notebook-body .note-cards .note-details .note-close {
   position: absolute;
   right: 7px;
@@ -2256,21 +2285,21 @@ ul.jqtree-tree .jqtree-toggler:hover {
   font-weight: 700;
   color: #929292;
 }
-/* line 2401, ../../../scss/_clix2017.scss */
+/* line 2425, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card .note-summary, .notebook .notebook-body .note-cards .note-details .note-summary {
   margin: 15px 0px;
 }
-/* line 2404, ../../../scss/_clix2017.scss */
+/* line 2428, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card .note-info, .notebook .notebook-body .note-cards .note-card .note-extra-data, .notebook .notebook-body .note-cards .note-details .note-info, .notebook .notebook-body .note-cards .note-details .note-extra-data {
   color: #989898;
   letter-spacing: 0.9px;
   font-weight: 500;
 }
-/* line 2410, ../../../scss/_clix2017.scss */
+/* line 2434, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card .note-info > span, .notebook .notebook-body .note-cards .note-card .note-extra-data > span, .notebook .notebook-body .note-cards .note-details .note-info > span, .notebook .notebook-body .note-cards .note-details .note-extra-data > span {
   margin-right: 5px;
 }
-/* line 2415, ../../../scss/_clix2017.scss */
+/* line 2439, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card .note-tags > span, .notebook .notebook-body .note-cards .note-details .note-tags > span {
   display: inline-block;
   margin: 10px;
@@ -2278,53 +2307,53 @@ ul.jqtree-tree .jqtree-toggler:hover {
   color: #cba552;
   padding: 2px 5px;
 }
-/* line 2423, ../../../scss/_clix2017.scss */
+/* line 2447, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card .note-actions, .notebook .notebook-body .note-cards .note-details .note-actions {
   color: #989898;
   cursor: pointer;
 }
-/* line 2427, ../../../scss/_clix2017.scss */
+/* line 2451, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-card .note-actions span, .notebook .notebook-body .note-cards .note-details .note-actions span {
   margin-right: 10px 5px;
 }
-/* line 2433, ../../../scss/_clix2017.scss */
+/* line 2457, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-details .note-info, .notebook .notebook-body .note-cards .note-details .note-extra-data, .notebook .notebook-body .note-cards .note-details .note-tags, .notebook .notebook-body .note-cards .note-details .note-actions {
   display: inline-block;
   margin-right: 10px;
 }
-/* line 2440, ../../../scss/_clix2017.scss */
+/* line 2464, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-details .note-tags {
   float: right;
 }
-/* line 2442, ../../../scss/_clix2017.scss */
+/* line 2466, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-cards .note-details .note-tags > span {
   margin: 0px;
 }
-/* line 2451, ../../../scss/_clix2017.scss */
+/* line 2475, ../../../scss/_clix2017.scss */
 .notebook .notebook-body > div {
   padding: 0px;
 }
-/* line 2457, ../../../scss/_clix2017.scss */
+/* line 2481, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index {
   border-right: 1px solid #AFAEAE;
   padding: 4px 0px;
   background-color: #F1F1F1;
 }
-/* line 2462, ../../../scss/_clix2017.scss */
+/* line 2486, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .tabs-content {
   padding: 0px;
 }
-/* line 2465, ../../../scss/_clix2017.scss */
+/* line 2489, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .tabs-content .active {
   padding: 0px;
 }
-/* line 2469, ../../../scss/_clix2017.scss */
+/* line 2493, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .tabs {
   width: 100%;
   margin: 0em 0em 0.5em;
   border-bottom: 1px solid #CCC;
 }
-/* line 2474, ../../../scss/_clix2017.scss */
+/* line 2498, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .tabs .tab-title {
   width: 50%;
   /*background-color: #DEDEDE;*/
@@ -2332,172 +2361,172 @@ ul.jqtree-tree .jqtree-toggler:hover {
   position: relative;
   top: 1px;
 }
-/* line 2481, ../../../scss/_clix2017.scss */
+/* line 2505, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .tabs .tab-title a {
   border-radius: inherit;
   text-align: center;
   color: #989898;
 }
-/* line 2488, ../../../scss/_clix2017.scss */
+/* line 2512, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .tabs .tab-title.active {
   background-color: #fff;
   border: 1px solid #CCC;
   border-bottom: 0px;
 }
-/* line 2492, ../../../scss/_clix2017.scss */
+/* line 2516, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .tabs .tab-title.active a {
   color: #3a3169;
 }
-/* line 2499, ../../../scss/_clix2017.scss */
+/* line 2523, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .tab-content {
   padding: 0px;
 }
-/* line 2504, ../../../scss/_clix2017.scss */
+/* line 2528, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .date {
   font-weight: bold;
   background: #EFEFEF;
   padding: 7px 10px;
 }
-/* line 2510, ../../../scss/_clix2017.scss */
+/* line 2534, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .date .note-count {
   line-height: 2em;
 }
-/* line 2515, ../../../scss/_clix2017.scss */
+/* line 2539, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes > div {
   border-bottom: 1px solid #AFAEAE;
 }
-/* line 2518, ../../../scss/_clix2017.scss */
+/* line 2542, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .note {
   padding: 5px 15px;
   background: #FFF;
   cursor: pointer;
   color: #A2A2A2;
 }
-/* line 2524, ../../../scss/_clix2017.scss */
+/* line 2548, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .note .note-heading {
   font-weight: 400;
 }
-/* line 2532, ../../../scss/_clix2017.scss */
+/* line 2556, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .note .note-meta > span:not(:first-child) {
   font-weight: 600;
   color: #717171;
 }
-/* line 2539, ../../../scss/_clix2017.scss */
+/* line 2563, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .note .note-footer {
   color: #888888;
 }
-/* line 2542, ../../../scss/_clix2017.scss */
+/* line 2566, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .note .note-footer span {
   margin-right: 10px;
 }
-/* line 2547, ../../../scss/_clix2017.scss */
+/* line 2571, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .note.active {
   border-left: 5px solid #6153AE;
   background: #F4E7FF;
   font-weight: 800;
   color: #6153AE;
 }
-/* line 2553, ../../../scss/_clix2017.scss */
+/* line 2577, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .note.active .note-heading {
   font-weight: 500;
 }
-/* line 2557, ../../../scss/_clix2017.scss */
+/* line 2581, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .notebook-index .notes .note.active .note-meta > span:not(:first-child) {
   color: #6153AE;
 }
-/* line 2565, ../../../scss/_clix2017.scss */
+/* line 2589, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page {
   margin-left: 15px;
   background-color: #fff;
 }
-/* line 2571, ../../../scss/_clix2017.scss */
+/* line 2595, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .group_sections_content {
   margin-top: 5px;
 }
-/* line 2575, ../../../scss/_clix2017.scss */
+/* line 2599, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page > div {
   background-color: #fff;
 }
-/* line 2579, ../../../scss/_clix2017.scss */
+/* line 2603, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-toolbar {
   padding: 1.8em 1.2em 0em;
   margin: 0em;
   background-color: #FFF;
 }
-/* line 2584, ../../../scss/_clix2017.scss */
+/* line 2608, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-toolbar .note-creator {
   font-weight: bold;
 }
-/* line 2587, ../../../scss/_clix2017.scss */
+/* line 2611, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-toolbar .creator-title {
   text-align: left;
   color: #C3C3C3;
   letter-spacing: 0.3px;
   margin-top: 5px;
 }
-/* line 2594, ../../../scss/_clix2017.scss */
+/* line 2618, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-toolbar .creator-rating {
   text-align: right;
 }
-/* line 2596, ../../../scss/_clix2017.scss */
+/* line 2620, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-toolbar .creator-rating > div {
   display: inline-block;
 }
-/* line 2601, ../../../scss/_clix2017.scss */
+/* line 2625, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-title {
   font-size: 20px;
   font-weight: 500;
   margin-right: 1em;
 }
-/* line 2607, ../../../scss/_clix2017.scss */
+/* line 2631, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-content {
   padding: 2em 2em 1em;
   background: #fff;
   margin: 0em;
 }
-/* line 2613, ../../../scss/_clix2017.scss */
+/* line 2637, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-content .note-header > div {
   display: inline-block;
 }
-/* line 2618, ../../../scss/_clix2017.scss */
+/* line 2642, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-content .note-text {
   letter-spacing: 0.7px;
 }
-/* line 2621, ../../../scss/_clix2017.scss */
+/* line 2645, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .note-content .note-text p {
   padding: 0px;
 }
-/* line 2627, ../../../scss/_clix2017.scss */
+/* line 2651, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .comment-sections {
   padding: 0em 1em 0em;
 }
-/* line 2631, ../../../scss/_clix2017.scss */
+/* line 2655, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .comment-sections .comments-header span {
   font-weight: bold;
 }
-/* line 2634, ../../../scss/_clix2017.scss */
+/* line 2658, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .comment-sections .comments-header i:not(:first-child) {
   margin-left: 15px;
 }
-/* line 2639, ../../../scss/_clix2017.scss */
+/* line 2663, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .comment-sections .new-comment {
   border-top: 1px solid grey;
   padding: 15px 10px;
   margin-top: 5px;
 }
-/* line 2644, ../../../scss/_clix2017.scss */
+/* line 2668, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .comment-sections .new-comment .trumbowyg-box,
 .notebook .notebook-body .note-page .comment-sections .new-comment .trumbowyg-editor {
   min-height: 200px;
   margin-top: 0px;
 }
-/* line 2650, ../../../scss/_clix2017.scss */
+/* line 2674, ../../../scss/_clix2017.scss */
 .notebook .notebook-body .note-page .comment-sections .new-comment .user-prof-image {
   line-height: 0em;
 }
 
 /* Explore badges */
-/* line 2662, ../../../scss/_clix2017.scss */
+/* line 2686, ../../../scss/_clix2017.scss */
 .badge_ex {
   display: inline-block;
   line-height: 22px;
@@ -2513,7 +2542,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
 }
 
-/* line 2678, ../../../scss/_clix2017.scss */
+/* line 2702, ../../../scss/_clix2017.scss */
 .badge_ex {
   background: #67c1ef;
   border-color: #30aae9;
@@ -2524,7 +2553,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
 }
 
 /* line 4120, ../../../scss/_app_styles.scss */
-/* line 2688, ../../../scss/_clix2017.scss */
+/* line 2712, ../../../scss/_clix2017.scss */
 .badge_ex.green {
   background: #77cc51;
   border-color: #59ad33;
@@ -2535,7 +2564,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
 }
 
 /* line 4129, ../../../scss/_app_styles.scss */
-/* line 2698, ../../../scss/_clix2017.scss */
+/* line 2722, ../../../scss/_clix2017.scss */
 .badge_ex.yellow {
   background: #faba3e;
   border-color: #f4a306;
@@ -2546,7 +2575,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
 }
 
 /* line 4139, ../../../scss/_app_styles.scss */
-/* line 2708, ../../../scss/_clix2017.scss */
+/* line 2732, ../../../scss/_clix2017.scss */
 .badge_ex.red {
   background: #fa623f;
   border-color: #fa5a35;
@@ -2557,7 +2586,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
 }
 
 /* Create_Unit styles */
-/* line 2719, ../../../scss/_clix2017.scss */
+/* line 2743, ../../../scss/_clix2017.scss */
 .course_creator_header {
   width: 100%;
   height: 70px;
@@ -2565,7 +2594,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 5px 15px;
   box-shadow: 1px 0px 0px #000;
 }
-/* line 2726, ../../../scss/_clix2017.scss */
+/* line 2750, ../../../scss/_clix2017.scss */
 .course_creator_header .unit_editor {
   width: 100%;
   height: 320px;
@@ -2573,13 +2602,13 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 5px 15px;
   box-shadow: 1px 0px 0px #000;
 }
-/* line 2735, ../../../scss/_clix2017.scss */
+/* line 2759, ../../../scss/_clix2017.scss */
 .course_creator_header .back_to_group {
   padding: 0px 15px 0px 10px;
   border-right: 1px solid #ccc;
   margin-right: 15px;
 }
-/* line 2741, ../../../scss/_clix2017.scss */
+/* line 2765, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading_unit {
   width: 500px;
   height: 40px;
@@ -2588,24 +2617,24 @@ ul.jqtree-tree .jqtree-toggler:hover {
   float: right;
   text-align: center;
 }
-/* line 2750, ../../../scss/_clix2017.scss */
+/* line 2774, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading_unit:focus {
   border: 1px solid #74b3dc;
 }
-/* line 2754, ../../../scss/_clix2017.scss */
+/* line 2778, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading_unit::-webkit-input-placeholder
  {
   color: #d9dfe4;
   letter-spacing: 0.8px;
 }
-/* line 2762, ../../../scss/_clix2017.scss */
+/* line 2786, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading_unit select {
   font-size: 14px;
   font-family: 'OpenSans-Regular', sans-serif;
   color: gray;
   border: 0px solid #74b3dc;
 }
-/* line 2773, ../../../scss/_clix2017.scss */
+/* line 2797, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading input {
   width: 500px;
   height: 40px;
@@ -2614,31 +2643,31 @@ ul.jqtree-tree .jqtree-toggler:hover {
   float: right;
   text-align: center;
 }
-/* line 2781, ../../../scss/_clix2017.scss */
+/* line 2805, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading input:focus {
   border: 1px solid #74b3dc;
 }
-/* line 2785, ../../../scss/_clix2017.scss */
+/* line 2809, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading input::-webkit-input-placeholder
  {
   color: #d9dfe4;
   letter-spacing: 0.8px;
 }
-/* line 2795, ../../../scss/_clix2017.scss */
+/* line 2819, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading h5 {
   margin-top: 15px;
 }
-/* line 2800, ../../../scss/_clix2017.scss */
+/* line 2824, ../../../scss/_clix2017.scss */
 .course_creator_header .course_heading span {
   letter-spacing: 0.9px;
   font-weight: 600;
   line-height: 50px;
 }
-/* line 2808, ../../../scss/_clix2017.scss */
+/* line 2832, ../../../scss/_clix2017.scss */
 .course_creator_header .course_actions ul {
   margin: 0px;
 }
-/* line 2811, ../../../scss/_clix2017.scss */
+/* line 2835, ../../../scss/_clix2017.scss */
 .course_creator_header .course_actions ul li {
   list-style-type: none;
   display: inline-block;
@@ -2647,11 +2676,11 @@ ul.jqtree-tree .jqtree-toggler:hover {
   cursor: pointer;
   letter-spacing: 0.8px;
 }
-/* line 2820, ../../../scss/_clix2017.scss */
+/* line 2844, ../../../scss/_clix2017.scss */
 .course_creator_header .course_actions ul li.active, .course_creator_header .course_actions ul li:hover {
   border-bottom: 3px solid #ffc14e;
 }
-/* line 2825, ../../../scss/_clix2017.scss */
+/* line 2849, ../../../scss/_clix2017.scss */
 .course_creator_header .course_actions span {
   margin-right: 5px;
   background: rgba(0, 0, 0, 0.6);
@@ -2663,7 +2692,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   cursor: pointer;
   border-radius: 3px;
 }
-/* line 2837, ../../../scss/_clix2017.scss */
+/* line 2861, ../../../scss/_clix2017.scss */
 .course_creator_header .course_actions i {
   margin-right: 5px;
   background: rgba(0, 0, 0, 0.6);
@@ -2676,7 +2705,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   border-radius: 3px;
 }
 
-/* line 2855, ../../../scss/_clix2017.scss */
+/* line 2879, ../../../scss/_clix2017.scss */
 .create_unit {
   background: #fff;
   box-shadow: 0px 2px 3px #000;
@@ -2684,7 +2713,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 10px;
 }
 
-/* line 2863, ../../../scss/_clix2017.scss */
+/* line 2887, ../../../scss/_clix2017.scss */
 .button-hollow-black {
   background: #fff;
   border: 2px solid #164A7B;
@@ -2695,14 +2724,14 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 2px 10px;
 }
 
-/* line 2873, ../../../scss/_clix2017.scss */
+/* line 2897, ../../../scss/_clix2017.scss */
 .vertically-center {
   top: 50%;
   transform: translateY(-50%);
 }
 
 /* Unit_Structure styles */
-/* line 2881, ../../../scss/_clix2017.scss */
+/* line 2905, ../../../scss/_clix2017.scss */
 .course_creator {
   background: #fff;
   box-shadow: 0px 2px 6px #000;
@@ -2710,12 +2739,12 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 0px 0px;
   max-width: 100vw;
 }
-/* line 2889, ../../../scss/_clix2017.scss */
+/* line 2913, ../../../scss/_clix2017.scss */
 .course_creator > .columns {
   padding: 0px;
   height: 100%;
 }
-/* line 2893, ../../../scss/_clix2017.scss */
+/* line 2917, ../../../scss/_clix2017.scss */
 .course_creator .course_editor {
   margin-bottom: 10px;
   position: relative;
@@ -2723,17 +2752,17 @@ ul.jqtree-tree .jqtree-toggler:hover {
   /*Custom css*/
   /* Course edit in the edit mode. */
 }
-/* line 2899, ../../../scss/_clix2017.scss */
+/* line 2923, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .accordion .accordion-navigation > .content, .course_creator .course_editor .accordion dd > .content {
   padding: 0px;
   padding-left: 0px;
 }
-/* line 2905, ../../../scss/_clix2017.scss */
+/* line 2929, ../../../scss/_clix2017.scss */
 .course_creator .course_editor > div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 2910, ../../../scss/_clix2017.scss */
+/* line 2934, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree {
   transition: all 1s ease;
   -webkit-transition: all 1s ease;
@@ -2743,29 +2772,29 @@ ul.jqtree-tree .jqtree-toggler:hover {
   overflow-y: auto;
   height: 100vh;
 }
-/* line 2919, ../../../scss/_clix2017.scss */
+/* line 2943, ../../../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 2925, ../../../scss/_clix2017.scss */
+/* line 2949, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd:hover li {
   color: #164A7B;
 }
-/* line 2930, ../../../scss/_clix2017.scss */
+/* line 2954, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation {
   position: relative;
   padding-left: 0px;
 }
-/* line 2935, ../../../scss/_clix2017.scss */
+/* line 2959, ../../../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 2944, ../../../scss/_clix2017.scss */
+/* line 2968, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title {
   background: inherit;
   cursor: pointer;
@@ -2774,7 +2803,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   transition: color 1s ease;
   -webkit-transition: color 1s ease;
 }
-/* line 2951, ../../../scss/_clix2017.scss */
+/* line 2975, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity {
   color: #c9d1d8;
   font-weight: 400;
@@ -2782,15 +2811,15 @@ ul.jqtree-tree .jqtree-toggler:hover {
   display: block;
   position: relative;
 }
-/* line 2959, ../../../scss/_clix2017.scss */
+/* line 2983, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity i {
   display: none;
 }
-/* line 2964, ../../../scss/_clix2017.scss */
+/* line 2988, ../../../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 2967, ../../../scss/_clix2017.scss */
+/* line 2991, ../../../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;
@@ -2798,22 +2827,22 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin: 0px 10px;
   cursor: pointer;
 }
-/* line 2973, ../../../scss/_clix2017.scss */
+/* line 2997, ../../../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 2987, ../../../scss/_clix2017.scss */
+/* line 3011, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation.active > a:before {
   content: '';
   line-height: 55px;
   color: #d7d7d7;
 }
-/* line 2995, ../../../scss/_clix2017.scss */
+/* line 3019, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation .course-activities {
   margin: 0px;
 }
-/* line 2997, ../../../scss/_clix2017.scss */
+/* line 3021, ../../../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;
@@ -2822,7 +2851,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   transition: border-color 1s ease;
   -webkit-transition: border-color 1s ease;
 }
-/* line 3004, ../../../scss/_clix2017.scss */
+/* line 3028, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation .course-activities > li > a {
   color: #7ca0d0;
   width: 100%;
@@ -2830,11 +2859,11 @@ ul.jqtree-tree .jqtree-toggler:hover {
   transition: color 1s ease;
   -webkit-transition: color 1s ease;
 }
-/* line 3013, ../../../scss/_clix2017.scss */
+/* line 3037, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation .content {
   background: inherit;
 }
-/* line 3022, ../../../scss/_clix2017.scss */
+/* line 3046, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section {
   width: 0%;
   display: inline-block;
@@ -2846,49 +2875,49 @@ ul.jqtree-tree .jqtree-toggler:hover {
   overflow-y: auto;
   background: #fff;
 }
-/* line 3032, ../../../scss/_clix2017.scss */
+/* line 3056, ../../../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 3038, ../../../scss/_clix2017.scss */
+/* line 3062, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-header .header-left {
   padding: 14px 10px 10px 10px;
 }
-/* line 3041, ../../../scss/_clix2017.scss */
+/* line 3065, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-header .header-left > span {
   color: #3c5264;
   font-weight: 600;
   margin-right: 10px;
 }
-/* line 3050, ../../../scss/_clix2017.scss */
+/* line 3074, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-header .custom_dropdown {
   margin: 40px 35px 0px;
 }
-/* line 3055, ../../../scss/_clix2017.scss */
+/* line 3079, ../../../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 3059, ../../../scss/_clix2017.scss */
+/* line 3083, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-tool .editor_actions ul {
   margin: 0px;
 }
-/* line 3061, ../../../scss/_clix2017.scss */
+/* line 3085, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-tool .editor_actions ul li {
   list-style: none;
   display: inline-block;
 }
-/* line 3064, ../../../scss/_clix2017.scss */
+/* line 3088, ../../../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 3070, ../../../scss/_clix2017.scss */
+/* line 3094, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-tool .editor_actions ul li span {
   display: inline-block;
   letter-spacing: 0.5px;
@@ -2896,29 +2925,29 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 15px 5px;
   cursor: pointer;
 }
-/* line 3085, ../../../scss/_clix2017.scss */
+/* line 3109, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .add-lesson {
   margin-top: 20px;
   margin-left: 20px;
   float: left;
 }
-/* line 3093, ../../../scss/_clix2017.scss */
+/* line 3117, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .add_activity {
   margin-top: 3px;
 }
-/* line 3099, ../../../scss/_clix2017.scss */
+/* line 3123, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .create_activity {
   margin-top: 0px;
   margin-left: -7.1px;
 }
-/* line 3108, ../../../scss/_clix2017.scss */
+/* line 3132, ../../../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 3113, ../../../scss/_clix2017.scss */
+/* line 3137, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree {
   transition: all 1s ease;
   -webkit-transition: all 1s ease;
@@ -2926,28 +2955,28 @@ ul.jqtree-tree .jqtree-toggler:hover {
   background-color: #2a6882;
   border: 1px solid #e5f1f6;
 }
-/* line 3120, ../../../scss/_clix2017.scss */
+/* line 3144, ../../../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 3125, ../../../scss/_clix2017.scss */
+/* line 3149, ../../../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 3130, ../../../scss/_clix2017.scss */
+/* line 3154, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree .course-lessons dd.accordion-navigation a .edit_entity {
   width: 20px;
 }
-/* line 3132, ../../../scss/_clix2017.scss */
+/* line 3156, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree .course-lessons dd.accordion-navigation a .edit_entity i {
   display: block;
 }
-/* line 3136, ../../../scss/_clix2017.scss */
+/* line 3160, ../../../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;
@@ -2959,21 +2988,21 @@ ul.jqtree-tree .jqtree-toggler:hover {
   color: #999999;
   border-radius: 3px;
 }
-/* line 3147, ../../../scss/_clix2017.scss */
+/* line 3171, ../../../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 3152, ../../../scss/_clix2017.scss */
+/* line 3176, ../../../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 3158, ../../../scss/_clix2017.scss */
+/* line 3182, ../../../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 3164, ../../../scss/_clix2017.scss */
+/* line 3188, ../../../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;
@@ -2981,19 +3010,19 @@ ul.jqtree-tree .jqtree-toggler:hover {
   border-color: #295566;
   border-bottom: 1px solid transparent;
 }
-/* line 3171, ../../../scss/_clix2017.scss */
+/* line 3195, ../../../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 3178, ../../../scss/_clix2017.scss */
+/* line 3202, ../../../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 3189, ../../../scss/_clix2017.scss */
+/* line 3213, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course-editor-section {
   width: 77%;
   opacity: 1;
@@ -3004,18 +3033,18 @@ ul.jqtree-tree .jqtree-toggler:hover {
   -webkit-transition: width 1.9s ease, opacity 4s ease;
 }
 
-/* line 3208, ../../../scss/_clix2017.scss */
+/* line 3232, ../../../scss/_clix2017.scss */
 .tile_modal .editor_modal_content .modal_tile .th {
   width: 100%;
   height: 210px;
   box-shadow: none;
 }
-/* line 3213, ../../../scss/_clix2017.scss */
+/* line 3237, ../../../scss/_clix2017.scss */
 .tile_modal .editor_modal_content .modal_tile .th > img {
   height: 180px;
   width: 100%;
 }
-/* line 3218, ../../../scss/_clix2017.scss */
+/* line 3242, ../../../scss/_clix2017.scss */
 .tile_modal .editor_modal_content .modal_tile .th > span {
   display: block;
   width: 100%;
@@ -3023,76 +3052,76 @@ ul.jqtree-tree .jqtree-toggler:hover {
   line-height: 22px;
 }
 
-/* line 3232, ../../../scss/_clix2017.scss */
+/* line 3256, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content > div {
   width: 100%;
 }
-/* line 3234, ../../../scss/_clix2017.scss */
+/* line 3258, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content > div > div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 3239, ../../../scss/_clix2017.scss */
+/* line 3263, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content .app_row {
   margin-bottom: 39px;
 }
-/* line 3242, ../../../scss/_clix2017.scss */
+/* line 3266, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content .app_row .app_image {
   padding: 10px;
 }
-/* line 3245, ../../../scss/_clix2017.scss */
+/* line 3269, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content .app_row .app_image > div {
   border: 1px solid #999;
   height: 222px;
 }
-/* line 3251, ../../../scss/_clix2017.scss */
+/* line 3275, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content .app_row .app_desc {
   padding-left: 10px;
 }
 
-/* line 3260, ../../../scss/_clix2017.scss */
+/* line 3284, ../../../scss/_clix2017.scss */
 .editor_modal .editor_modal_title {
   color: #3c5264;
 }
-/* line 3265, ../../../scss/_clix2017.scss */
+/* line 3289, ../../../scss/_clix2017.scss */
 .editor_modal .editor_modal_actions > a {
   display: inline-block;
 }
-/* line 3268, ../../../scss/_clix2017.scss */
+/* line 3292, ../../../scss/_clix2017.scss */
 .editor_modal .editor_modal_actions > a.close-reveal-modal {
   line-height: inherit;
   position: inherit;
   color: #c601bc;
 }
 
-/* line 3278, ../../../scss/_clix2017.scss */
+/* line 3302, ../../../scss/_clix2017.scss */
 .reveal-modal-overlay, dialog {
   padding: 0px;
   padding-bottom: 13px;
 }
 
-/* line 3283, ../../../scss/_clix2017.scss */
+/* line 3307, ../../../scss/_clix2017.scss */
 .overlay-title {
   margin: 15px 10px 10px 10px;
   letter-spacing: -1px;
 }
 
-/* line 3288, ../../../scss/_clix2017.scss */
+/* line 3312, ../../../scss/_clix2017.scss */
 .custom_dropdown {
   position: relative;
   z-index: 10;
   display: inline-block;
 }
-/* line 3294, ../../../scss/_clix2017.scss */
+/* line 3318, ../../../scss/_clix2017.scss */
 .custom_dropdown > a {
   height: 30px;
   display: block;
 }
-/* line 3300, ../../../scss/_clix2017.scss */
+/* line 3324, ../../../scss/_clix2017.scss */
 .custom_dropdown:hover .dropdown_content {
   display: block;
 }
-/* line 3305, ../../../scss/_clix2017.scss */
+/* line 3329, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content {
   background-color: #fff;
   border-radius: 10px;
@@ -3101,35 +3130,35 @@ ul.jqtree-tree .jqtree-toggler:hover {
   top: 30px;
   border: 1px solid #ccc;
 }
-/* line 3313, ../../../scss/_clix2017.scss */
+/* line 3337, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content.left_align {
   left: -54px;
 }
-/* line 3317, ../../../scss/_clix2017.scss */
+/* line 3341, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content.right_align {
   right: -10px;
 }
-/* line 3321, ../../../scss/_clix2017.scss */
+/* line 3345, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content li {
   padding: 10px 35px;
   list-style: none;
   white-space: nowrap;
 }
-/* line 3326, ../../../scss/_clix2017.scss */
+/* line 3350, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content li a {
   margin: 0px;
   width: 70px;
 }
-/* line 3331, ../../../scss/_clix2017.scss */
+/* line 3355, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content li:hover {
   background-color: #d5f2ff;
 }
-/* line 3338, ../../../scss/_clix2017.scss */
+/* line 3362, ../../../scss/_clix2017.scss */
 .custom_dropdown a {
   color: #999999;
 }
 
-/* line 3344, ../../../scss/_clix2017.scss */
+/* line 3368, ../../../scss/_clix2017.scss */
 .button-hollow-purple {
   background: inherit;
   border: 2px solid #c601bc;
@@ -3143,7 +3172,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   -webkit-transition: color 1s ease, border-color 1s ease;
 }
 
-/* line 3357, ../../../scss/_clix2017.scss */
+/* line 3381, ../../../scss/_clix2017.scss */
 .button-hollow-grey {
   background: inherit;
   border: 2px solid #c9d1d8;
@@ -3156,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 3368, ../../../scss/_clix2017.scss */
+/* line 3392, ../../../scss/_clix2017.scss */
 .button-hollow-grey:hover {
   background-color: #f5f5f5;
 }
-/* line 3373, ../../../scss/_clix2017.scss */
+/* line 3397, ../../../scss/_clix2017.scss */
 .button-hollow-grey > a {
   font-family: open_sansbold,sans-serif;
   font-size: 1.2rem;
@@ -3172,7 +3201,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin-right: 1px;
 }
 
-/* line 3385, ../../../scss/_clix2017.scss */
+/* line 3409, ../../../scss/_clix2017.scss */
 .button-hollow-blue {
   background: inherit;
   border: 2px solid #2b4a7b;
@@ -3185,88 +3214,88 @@ ul.jqtree-tree .jqtree-toggler:hover {
   -webkit-transition: color 1s ease, border-color 1s ease;
 }
 
-/* line 3396, ../../../scss/_clix2017.scss */
+/* line 3420, ../../../scss/_clix2017.scss */
 .save_edit_activity {
   margin-right: 16.9px;
   margin-top: 37.3px;
 }
 
-/* line 3401, ../../../scss/_clix2017.scss */
+/* line 3425, ../../../scss/_clix2017.scss */
 .activity-name {
   margin-left: 20px;
   margin-top: 5px;
 }
 
-/* line 3406, ../../../scss/_clix2017.scss */
+/* line 3430, ../../../scss/_clix2017.scss */
 .activity-name-label {
   width: 80%;
   margin-left: 20px;
   margin-top: 5px;
 }
 
-/* line 3413, ../../../scss/_clix2017.scss */
+/* line 3437, ../../../scss/_clix2017.scss */
 .create_activity_new {
   margin-left: -15px;
 }
 
-/* line 3417, ../../../scss/_clix2017.scss */
+/* line 3441, ../../../scss/_clix2017.scss */
 .create-discussion {
   position: relative;
   margin-bottom: 20px;
 }
-/* line 3421, ../../../scss/_clix2017.scss */
+/* line 3445, ../../../scss/_clix2017.scss */
 .create-discussion > div {
   display: inline-block;
   vertical-align: top;
   margin: 5px 0px;
 }
-/* line 3427, ../../../scss/_clix2017.scss */
+/* line 3451, ../../../scss/_clix2017.scss */
 .create-discussion .button {
   margin: 5px 0px;
 }
-/* line 3430, ../../../scss/_clix2017.scss */
+/* line 3454, ../../../scss/_clix2017.scss */
 .create-discussion .ckeditor-content-comment {
   width: 85%;
   margin-left: 1em;
 }
-/* line 3434, ../../../scss/_clix2017.scss */
+/* line 3458, ../../../scss/_clix2017.scss */
 .create-discussion .ckeditor-content-comment > div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 3439, ../../../scss/_clix2017.scss */
+/* line 3463, ../../../scss/_clix2017.scss */
 .create-discussion .ckeditor-content-comment .ckeditor-reply-area {
   width: 90%;
 }
 
-/* line 3446, ../../../scss/_clix2017.scss */
+/* line 3470, ../../../scss/_clix2017.scss */
 #replies-area .ckeditor-content-reply {
   margin-top: 1em;
   /*width: 97%;*/
 }
-/* line 3450, ../../../scss/_clix2017.scss */
+/* line 3474, ../../../scss/_clix2017.scss */
 #replies-area .ckeditor-content-reply .ckeditor-reply-area {
   display: inline-block;
   width: 90%;
   margin-left: 1em;
 }
-/* line 3455, ../../../scss/_clix2017.scss */
+/* line 3479, ../../../scss/_clix2017.scss */
 #replies-area .ckeditor-content-reply .post-btn-div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 3459, ../../../scss/_clix2017.scss */
+/* line 3483, ../../../scss/_clix2017.scss */
 #replies-area .ckeditor-content-reply .post-btn {
   background-color: #720f5e;
   width: 77px;
   margin-left: 17px;
 }
-/* line 3463, ../../../scss/_clix2017.scss */
+/* line 3487, ../../../scss/_clix2017.scss */
 #replies-area .ckeditor-content-reply .post-btn:hover {
   color: #720f5e;
   background-color: #ffffff;
 }
-/* line 3472, ../../../scss/_clix2017.scss */
+/* line 3496, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies {
   /*background-color:#ddd;*/
   margin-left: 48px;
@@ -3275,16 +3304,16 @@ ul.jqtree-tree .jqtree-toggler:hover {
   border-top: 1px solid #B1B1B1;
   width: 80%;
 }
-/* line 3481, ../../../scss/_clix2017.scss */
+/* line 3505, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .reply-btn {
   cursor: pointer;
   color: grey !important;
 }
-/* line 3486, ../../../scss/_clix2017.scss */
+/* line 3510, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .reply-btn:hover {
   color: #000 !important;
 }
-/* line 3489, ../../../scss/_clix2017.scss */
+/* line 3513, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .discussion-title-username {
   color: #ffffff !important;
   height: 2em;
@@ -3292,7 +3321,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding-left: 10px;
   line-height: 1.5em;
 }
-/* line 3499, ../../../scss/_clix2017.scss */
+/* line 3523, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .discussion-footer {
   /*background-color:#CCCCCC;*/
   color: gray !important;
@@ -3302,19 +3331,19 @@ ul.jqtree-tree .jqtree-toggler:hover {
   border-radius: 0px 0px 5px 5px;
   /*background-color:  #f2f2f2;*/
 }
-/* line 3508, ../../../scss/_clix2017.scss */
+/* line 3532, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .discussion-footer > a {
   vertical-align: middle;
   line-height: 2em;
 }
-/* line 3514, ../../../scss/_clix2017.scss */
+/* line 3538, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .discussion-content {
   color: #262626;
   word-wrap: break-word;
   /*background-color:  #f2f2f2;*/
 }
 
-/* line 3526, ../../../scss/_clix2017.scss */
+/* line 3550, ../../../scss/_clix2017.scss */
 .bg-img {
   background: url(/static/ndf/images/i2c-bg.png);
   height: 100%;
@@ -3322,34 +3351,34 @@ ul.jqtree-tree .jqtree-toggler:hover {
   background-repeat: no-repeat;
 }
 
-/* line 3534, ../../../scss/_clix2017.scss */
+/* line 3558, ../../../scss/_clix2017.scss */
 .clix-text {
   z-index: -1;
 }
 
-/* line 3537, ../../../scss/_clix2017.scss */
+/* line 3561, ../../../scss/_clix2017.scss */
 .panel-mod {
   background-color: transparent;
   border: none;
 }
 
-/* line 3542, ../../../scss/_clix2017.scss */
+/* line 3566, ../../../scss/_clix2017.scss */
 .asset_content_upload {
   width: 100% !important;
 }
 
-/* line 3546, ../../../scss/_clix2017.scss */
+/* line 3570, ../../../scss/_clix2017.scss */
 #upload_asset {
   margin-top: 60px !important;
 }
 
-/* line 3550, ../../../scss/_clix2017.scss */
+/* line 3574, ../../../scss/_clix2017.scss */
 #profile-img {
   height: 40px;
   margin-right: 5px;
 }
 
-/* line 3555, ../../../scss/_clix2017.scss */
+/* line 3579, ../../../scss/_clix2017.scss */
 .profile-img {
   height: 40px;
   width: 40px;
@@ -3357,24 +3386,24 @@ ul.jqtree-tree .jqtree-toggler:hover {
   border-radius: 2px;
 }
 
-/* line 3562, ../../../scss/_clix2017.scss */
+/* line 3586, ../../../scss/_clix2017.scss */
 .activity-detail-page {
   margin-top: 20px;
   margin-left: 15px;
 }
 
-/* line 3571, ../../../scss/_clix2017.scss */
+/* line 3595, ../../../scss/_clix2017.scss */
 .activity-detail-content #scstyle header {
   margin-top: 0px !important;
 }
 
-/* line 3575, ../../../scss/_clix2017.scss */
+/* line 3599, ../../../scss/_clix2017.scss */
 .activity-editor {
   margin: 50px;
   margin-left: 15px;
 }
 
-/* line 3581, ../../../scss/_clix2017.scss */
+/* line 3605, ../../../scss/_clix2017.scss */
 .tag-ele {
   font-weight: normal;
   text-align: center;
@@ -3395,7 +3424,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
 }
 
 /* Tags styles */
-/* line 3604, ../../../scss/_clix2017.scss */
+/* line 3628, ../../../scss/_clix2017.scss */
 .asset-tags-container {
   width: 100%;
   height: 50px;
@@ -3403,16 +3432,16 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 5px 15px;
   margin-bottom: 65px;
 }
-/* line 3611, ../../../scss/_clix2017.scss */
+/* line 3635, ../../../scss/_clix2017.scss */
 .asset-tags-container .tag-input-ele {
   margin-left: 17px;
   width: 96%;
 }
-/* line 3616, ../../../scss/_clix2017.scss */
+/* line 3640, ../../../scss/_clix2017.scss */
 .asset-tags-container .added-tags-div {
   margin-left: -206px;
 }
-/* line 3621, ../../../scss/_clix2017.scss */
+/* line 3645, ../../../scss/_clix2017.scss */
 .asset-tags-container #add-tag-btn {
   color: #ce7869;
   padding: 7px 14px;
@@ -3427,13 +3456,13 @@ ul.jqtree-tree .jqtree-toggler:hover {
   cursor: pointer;
   display: inline-block;
 }
-/* line 3634, ../../../scss/_clix2017.scss */
+/* line 3658, ../../../scss/_clix2017.scss */
 .asset-tags-container #add-tag-btn:hover {
   background-color: rgba(206, 120, 105, 0.2);
   color: #ce7869;
 }
 
-/* line 3642, ../../../scss/_clix2017.scss */
+/* line 3666, ../../../scss/_clix2017.scss */
 .tags-container {
   width: 100%;
   height: 50px;
@@ -3442,7 +3471,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   box-shadow: 1px 0px 0px #000;
   margin-bottom: 65px;
 }
-/* line 3650, ../../../scss/_clix2017.scss */
+/* line 3674, ../../../scss/_clix2017.scss */
 .tags-container .add-tag-heading span {
   width: 40%;
   color: #99aaba;
@@ -3453,17 +3482,17 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin-left: 8px;
   font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", "sans-serif";
 }
-/* line 3661, ../../../scss/_clix2017.scss */
+/* line 3685, ../../../scss/_clix2017.scss */
 .tags-container .tag-input-ele {
   margin-left: 193px;
   width: 54%;
 }
-/* line 3666, ../../../scss/_clix2017.scss */
+/* line 3690, ../../../scss/_clix2017.scss */
 .tags-container .added-tags-div {
   margin-left: 293px !important;
   width: 54%;
 }
-/* line 3671, ../../../scss/_clix2017.scss */
+/* line 3695, ../../../scss/_clix2017.scss */
 .tags-container #add-tag-btn {
   color: #ce7869;
   padding: 7px 14px;
@@ -3478,13 +3507,13 @@ ul.jqtree-tree .jqtree-toggler:hover {
   cursor: pointer;
   display: inline-block;
 }
-/* line 3684, ../../../scss/_clix2017.scss */
+/* line 3708, ../../../scss/_clix2017.scss */
 .tags-container #add-tag-btn:hover {
   background-color: rgba(206, 120, 105, 0.2);
   color: #ce7869;
 }
 
-/* line 3692, ../../../scss/_clix2017.scss */
+/* line 3716, ../../../scss/_clix2017.scss */
 .activity-lang {
   border: 1px solid #cccccc;
   border-radius: 5px;
@@ -3500,39 +3529,39 @@ ul.jqtree-tree .jqtree-toggler:hover {
     width: 99%;
 }
 */
-/* line 3709, ../../../scss/_clix2017.scss */
+/* line 3733, ../../../scss/_clix2017.scss */
 .editor-div {
   height: 100%;
 }
 
-/* line 3713, ../../../scss/_clix2017.scss */
+/* line 3737, ../../../scss/_clix2017.scss */
 #asset-descid {
   margin-bottom: 7px;
 }
 
-/* line 3717, ../../../scss/_clix2017.scss */
+/* line 3741, ../../../scss/_clix2017.scss */
 .page-name {
   margin-top: 4px;
 }
 
-/* line 3721, ../../../scss/_clix2017.scss */
+/* line 3745, ../../../scss/_clix2017.scss */
 .asset_list {
   margin-left: 30px;
 }
 
-/* line 3725, ../../../scss/_clix2017.scss */
+/* line 3749, ../../../scss/_clix2017.scss */
 .interaction-settings-div {
   margin-left: 25px;
   margin-top: 10px;
 }
-/* line 3729, ../../../scss/_clix2017.scss */
+/* line 3753, ../../../scss/_clix2017.scss */
 .interaction-settings-div .yes_no_disc_div {
   text-align: center;
   font-size: 24px;
   font-weight: 300;
 }
 
-/* line 3741, ../../../scss/_clix2017.scss */
+/* line 3765, ../../../scss/_clix2017.scss */
 body {
   background-color: #fff;
 }
@@ -3540,23 +3569,23 @@ body {
 /*
     Styling for the Secondary header 2
 */
-/* line 3751, ../../../scss/_clix2017.scss */
+/* line 3775, ../../../scss/_clix2017.scss */
 .activity_player_header {
   background-color: #ffffff;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
 }
-/* line 3754, ../../../scss/_clix2017.scss */
+/* line 3778, ../../../scss/_clix2017.scss */
 .activity_player_header > div {
   height: 45px;
   line-height: 45px;
   display: inline-block;
   vertical-align: top;
 }
-/* line 3762, ../../../scss/_clix2017.scss */
+/* line 3786, ../../../scss/_clix2017.scss */
 .activity_player_header > div:not(:last-child) {
   border-right: 1px solid #fff;
 }
-/* line 3771, ../../../scss/_clix2017.scss */
+/* line 3795, ../../../scss/_clix2017.scss */
 .activity_player_header .header_title {
   position: relative;
   color: #6f0859;
@@ -3566,56 +3595,56 @@ body {
   padding: 0px 15px;
   border-right: 1px solid white;
 }
-/* line 3780, ../../../scss/_clix2017.scss */
+/* line 3804, ../../../scss/_clix2017.scss */
 .activity_player_header .header_title a {
   color: rgba(107, 0, 84, 0.97);
 }
 @media only screen and (min-device-width: 1025px) and (max-device-width: 2130px) {
-  /* line 3771, ../../../scss/_clix2017.scss */
+  /* line 3795, ../../../scss/_clix2017.scss */
   .activity_player_header .header_title {
     text-overflow: ellipsis;
     width: calc(100% - 938px);
   }
 }
 @media only screen and (min-device-width: 2131px) {
-  /* line 3771, ../../../scss/_clix2017.scss */
+  /* line 3795, ../../../scss/_clix2017.scss */
   .activity_player_header .header_title {
     text-overflow: ellipsis;
     width: calc(100% - 970px);
   }
 }
 @media only screen and (max-device-width: 1024px) {
-  /* line 3771, ../../../scss/_clix2017.scss */
+  /* line 3795, ../../../scss/_clix2017.scss */
   .activity_player_header .header_title {
     text-overflow: ellipsis;
     width: calc(100% - 753px);
   }
 }
-/* line 3857, ../../../scss/_clix2017.scss */
+/* line 3881, ../../../scss/_clix2017.scss */
 .activity_player_header .header_icon {
   font-size: 16px;
   line-height: 45px;
   color: rgba(107, 0, 84, 0.97);
 }
-/* line 3863, ../../../scss/_clix2017.scss */
+/* line 3887, ../../../scss/_clix2017.scss */
 .activity_player_header .header_icon_block {
   color: rgba(107, 0, 84, 0.97);
   width: 70px;
   cursor: pointer;
   text-align: center;
 }
-/* line 3869, ../../../scss/_clix2017.scss */
+/* line 3893, ../../../scss/_clix2017.scss */
 .activity_player_header .header_text_sm_block {
   padding: 0px 10px;
 }
 @media screen and (min-width: 1025px) {
-  /* line 3869, ../../../scss/_clix2017.scss */
+  /* line 3893, ../../../scss/_clix2017.scss */
   .activity_player_header .header_text_sm_block {
     padding: 0px 15px;
   }
 }
 @media screen and (min-width: 1025px) {
-  /* line 3876, ../../../scss/_clix2017.scss */
+  /* line 3900, ../../../scss/_clix2017.scss */
   .activity_player_header .lesson-nav {
     float: right;
     margin-right: 70px;
@@ -3623,78 +3652,78 @@ body {
   }
 }
 @media screen and (max-width: 1024px) {
-  /* line 3876, ../../../scss/_clix2017.scss */
+  /* line 3900, ../../../scss/_clix2017.scss */
   .activity_player_header .lesson-nav {
     background-color: #ffffff;
   }
 }
-/* line 3889, ../../../scss/_clix2017.scss */
+/* line 3913, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav div {
   height: 45px;
   line-height: 45px;
   display: inline-block;
   vertical-align: top;
 }
-/* line 3895, ../../../scss/_clix2017.scss */
+/* line 3919, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_block {
   padding: 0px 15px;
   margin-left: -2px;
   border-right: 1px solid white;
 }
-/* line 3900, ../../../scss/_clix2017.scss */
+/* line 3924, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_block a {
   color: rgba(107, 0, 84, 0.97);
 }
-/* line 3906, ../../../scss/_clix2017.scss */
+/* line 3930, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_lg_block {
   padding: 0px 9px;
 }
 @media screen and (min-width: 1025px) {
-  /* line 3906, ../../../scss/_clix2017.scss */
+  /* line 3930, ../../../scss/_clix2017.scss */
   .activity_player_header .lesson-nav .header_text_lg_block {
     padding: 0px 15px;
   }
 }
-/* line 3914, ../../../scss/_clix2017.scss */
+/* line 3938, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_md_block {
   padding: 0px 7px;
 }
 @media screen and (min-width: 1025px) {
-  /* line 3914, ../../../scss/_clix2017.scss */
+  /* line 3938, ../../../scss/_clix2017.scss */
   .activity_player_header .lesson-nav .header_text_md_block {
     padding: 0px 15px;
   }
 }
-/* line 3923, ../../../scss/_clix2017.scss */
+/* line 3947, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .back_button {
   border-color: #e0e0e0;
   background-color: rgba(244, 244, 244, 0.3);
 }
-/* line 3926, ../../../scss/_clix2017.scss */
+/* line 3950, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .back_button i {
   color: #71318b;
 }
-/* line 3932, ../../../scss/_clix2017.scss */
+/* line 3956, ../../../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 3936, ../../../scss/_clix2017.scss */
+/* line 3960, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .settings:hover i {
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
 }
-/* line 3942, ../../../scss/_clix2017.scss */
+/* line 3966, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .pagination:not(i) {
   color: #a983b9;
 }
 
-/* line 3952, ../../../scss/_clix2017.scss */
+/* line 3976, ../../../scss/_clix2017.scss */
 .float-right {
   float: right;
 }
 
-/* line 3956, ../../../scss/_clix2017.scss */
+/* line 3980, ../../../scss/_clix2017.scss */
 .float-left {
   float: left;
 }
@@ -3702,7 +3731,7 @@ body {
 /*
 Buddy Vertical Bar Css
 */
-/* line 3965, ../../../scss/_clix2017.scss */
+/* line 3989, ../../../scss/_clix2017.scss */
 .buddy_panel {
   position: fixed;
   right: 0px;
@@ -3714,7 +3743,7 @@ Buddy Vertical Bar Css
   overflow-y: auto;
   z-index: 100;
 }
-/* line 3978, ../../../scss/_clix2017.scss */
+/* line 4002, ../../../scss/_clix2017.scss */
 .buddy_panel .add_buddy_icon {
   height: 50px;
   width: 50px;
@@ -3722,7 +3751,7 @@ Buddy Vertical Bar Css
   cursor: pointer;
 }
 
-/* line 3986, ../../../scss/_clix2017.scss */
+/* line 4010, ../../../scss/_clix2017.scss */
 .buddy_icon {
   border-radius: 4px;
   overflow: hidden;
@@ -3732,13 +3761,13 @@ Buddy Vertical Bar Css
   margin-bottom: 10px;
   position: relative;
 }
-/* line 3995, ../../../scss/_clix2017.scss */
+/* line 4019, ../../../scss/_clix2017.scss */
 .buddy_icon svg {
   height: 50px;
   width: 50px;
   background-color: #fff;
 }
-/* line 4001, ../../../scss/_clix2017.scss */
+/* line 4025, ../../../scss/_clix2017.scss */
 .buddy_icon.buddy_inactive:before {
   content: '';
   position: absolute;
@@ -3749,11 +3778,11 @@ Buddy Vertical Bar Css
   display: block;
   background: rgba(0, 0, 0, 0.5);
 }
-/* line 4012, ../../../scss/_clix2017.scss */
+/* line 4036, ../../../scss/_clix2017.scss */
 .buddy_icon .buddy_edit, .buddy_icon .buddy_delete {
   display: none;
 }
-/* line 4017, ../../../scss/_clix2017.scss */
+/* line 4041, ../../../scss/_clix2017.scss */
 .buddy_icon.buddy_editable:hover .buddy_edit {
   position: absolute;
   background: rgba(255, 255, 255, 0.5);
@@ -3762,7 +3791,7 @@ Buddy Vertical Bar Css
   bottom: 0px;
   display: block;
 }
-/* line 4028, ../../../scss/_clix2017.scss */
+/* line 4052, ../../../scss/_clix2017.scss */
 .buddy_icon.buddy_deleteable:hover .buddy_delete {
   position: absolute;
   background: rgba(255, 255, 255, 0.5);
@@ -3772,43 +3801,43 @@ Buddy Vertical Bar Css
   display: block;
 }
 
-/* line 4039, ../../../scss/_clix2017.scss */
+/* line 4063, ../../../scss/_clix2017.scss */
 .add_buddy_modal {
   padding: 0px;
 }
-/* line 4041, ../../../scss/_clix2017.scss */
+/* line 4065, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_header {
   padding: 10px 20px;
   position: relative;
 }
-/* line 4045, ../../../scss/_clix2017.scss */
+/* line 4069, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_header .modal_title {
   font-size: 25px;
   color: #CE7869;
   letter-spacing: 0;
   line-height: 35px;
 }
-/* line 4051, ../../../scss/_clix2017.scss */
+/* line 4075, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_header .modal_meta {
   font-size: 14px;
   color: #9DBEDD;
   letter-spacing: 0;
   line-height: 30px;
 }
-/* line 4058, ../../../scss/_clix2017.scss */
+/* line 4082, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_header .sample_buddy {
   position: absolute;
   right: 30px;
   top: 15px;
 }
-/* line 4065, ../../../scss/_clix2017.scss */
+/* line 4089, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body {
   background-color: #101d29;
   padding: 10px 20px;
   max-height: 500px;
   overflow: auto;
 }
-/* line 4071, ../../../scss/_clix2017.scss */
+/* line 4095, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .step_title {
   font-size: 20px;
   font-weight: 400;
@@ -3816,11 +3845,11 @@ Buddy Vertical Bar Css
   letter-spacing: 0.9px;
   margin: 10px 0px;
 }
-/* line 4078, ../../../scss/_clix2017.scss */
+/* line 4102, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .step_title .step_number {
   color: #82A4C3;
 }
-/* line 4083, ../../../scss/_clix2017.scss */
+/* line 4107, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_color_option {
   max-width: 75px;
   display: inline-block;
@@ -3828,7 +3857,7 @@ Buddy Vertical Bar Css
   margin: 10px 20px;
   cursor: pointer;
 }
-/* line 4090, ../../../scss/_clix2017.scss */
+/* line 4114, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_color_option .color_sample {
   display: block;
   width: 50px;
@@ -3836,7 +3865,7 @@ Buddy Vertical Bar Css
   border-radius: 100%;
   margin: 0px auto;
 }
-/* line 4098, ../../../scss/_clix2017.scss */
+/* line 4122, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_color_option .color_name {
   text-transform: capitalize;
   font-size: 15px;
@@ -3846,42 +3875,42 @@ Buddy Vertical Bar Css
   letter-spacing: 1px;
   margin-top: 10px;
 }
-/* line 4109, ../../../scss/_clix2017.scss */
+/* line 4133, ../../../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 4115, ../../../scss/_clix2017.scss */
+/* line 4139, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal {
   display: inline-block;
   margin: 10px;
   cursor: pointer;
 }
-/* line 4120, ../../../scss/_clix2017.scss */
+/* line 4144, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal svg {
   height: 80px;
   width: 80px;
 }
-/* line 4124, ../../../scss/_clix2017.scss */
+/* line 4148, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal svg path {
   fill: #374B5E;
 }
-/* line 4129, ../../../scss/_clix2017.scss */
+/* line 4153, ../../../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 4137, ../../../scss/_clix2017.scss */
+/* line 4161, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal:hover path, .add_buddy_modal .modal_body .buddy_animal.selected path {
   fill: #bfe0ff;
 }
-/* line 4144, ../../../scss/_clix2017.scss */
+/* line 4168, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_footer {
   height: 70px;
   padding: 20px;
 }
-/* line 4149, ../../../scss/_clix2017.scss */
+/* line 4173, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_footer .removeBuddy i {
   color: #bd2b2b;
   font-size: 25px;
@@ -3890,7 +3919,7 @@ Buddy Vertical Bar Css
 /*
     Common css that can be kept at a single place.
 */
-/* line 4164, ../../../scss/_clix2017.scss */
+/* line 4188, ../../../scss/_clix2017.scss */
 .blue_round_button {
   background-color: #00a9ee;
   color: #fff;
@@ -3901,7 +3930,7 @@ Buddy Vertical Bar Css
   line-height: 25px;
 }
 
-/* line 4173, ../../../scss/_clix2017.scss */
+/* line 4197, ../../../scss/_clix2017.scss */
 .text_button {
   background-color: #fff;
   color: #949494;
@@ -3912,7 +3941,7 @@ Buddy Vertical Bar Css
   line-height: 25px;
 }
 
-/* line 4183, ../../../scss/_clix2017.scss */
+/* line 4207, ../../../scss/_clix2017.scss */
 .edit_button {
   background-color: #fff;
   color: #717171;
@@ -3924,21 +3953,21 @@ Buddy Vertical Bar Css
   margin-top: 10px;
   margin-right: -50px;
 }
-/* line 4193, ../../../scss/_clix2017.scss */
+/* line 4217, ../../../scss/_clix2017.scss */
 .edit_button:hover {
   color: #ce7869;
 }
 
-/* line 4202, ../../../scss/_clix2017.scss */
+/* line 4226, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 {
   margin-bottom: 0px;
   background-color: #fff;
 }
-/* line 4205, ../../../scss/_clix2017.scss */
+/* line 4229, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li {
   display: inline-block;
 }
-/* line 4208, ../../../scss/_clix2017.scss */
+/* line 4232, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a {
   list-style-type: none;
   display: inline-block;
@@ -3949,25 +3978,25 @@ ul.nav_menu_1 > li > a {
   letter-spacing: 0.8px;
   border-bottom: 5px solid transparent;
 }
-/* line 4219, ../../../scss/_clix2017.scss */
+/* line 4243, ../../../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 4231, ../../../scss/_clix2017.scss */
+/* line 4255, ../../../scss/_clix2017.scss */
 .activity_sheet {
   background: rgba(231, 231, 231, 0.12);
   margin: 0px auto;
   padding: 0px 0px;
   max-width: 100vw;
 }
-/* line 4238, ../../../scss/_clix2017.scss */
+/* line 4262, ../../../scss/_clix2017.scss */
 .activity_sheet > .columns {
   padding: 0px;
   height: 100%;
 }
-/* line 4242, ../../../scss/_clix2017.scss */
+/* line 4266, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor {
   margin-bottom: 10px;
   position: relative;
@@ -3975,17 +4004,17 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   /*Overriding default*/
   /*Custom css*/
 }
-/* line 4249, ../../../scss/_clix2017.scss */
+/* line 4273, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .accordion .accordion-navigation > .content, .activity_sheet .course_editor .accordion dd > .content {
   padding: 0px;
   padding-left: 0px;
 }
-/* line 4255, ../../../scss/_clix2017.scss */
+/* line 4279, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor > div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 4260, ../../../scss/_clix2017.scss */
+/* line 4284, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree {
   transition: all 1s ease;
   -webkit-transition: all 1s ease;
@@ -3993,25 +4022,25 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   background-color: #fff;
   overflow-y: auto;
 }
-/* line 4269, ../../../scss/_clix2017.scss */
+/* line 4293, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd {
   border-bottom: 2px solid #9abfd9;
   transition: border-color 1s ease;
   -webkit-transition: border-color 1s ease;
 }
-/* line 4273, ../../../scss/_clix2017.scss */
+/* line 4297, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation {
   position: relative;
   padding-left: 0px;
 }
-/* line 4280, ../../../scss/_clix2017.scss */
+/* line 4304, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation > a:before {
   position: absolute;
   left: 23px;
   line-height: 20px;
   color: #74b3dc;
 }
-/* line 4289, ../../../scss/_clix2017.scss */
+/* line 4313, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title {
   background: inherit;
   cursor: pointer;
@@ -4020,7 +4049,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 4296, ../../../scss/_clix2017.scss */
+/* line 4320, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity {
   color: #c9d1d8;
   font-weight: 400;
@@ -4029,15 +4058,15 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   display: none;
 }
-/* line 4305, ../../../scss/_clix2017.scss */
+/* line 4329, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity i {
   display: none;
 }
-/* line 4310, ../../../scss/_clix2017.scss */
+/* line 4334, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity > .entity_actions {
   margin-bottom: 0px;
 }
-/* line 4314, ../../../scss/_clix2017.scss */
+/* line 4338, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity > .entity_actions li {
   white-space: nowrap;
   list-style: none;
@@ -4045,21 +4074,21 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 0px 10px;
   cursor: pointer;
 }
-/* line 4324, ../../../scss/_clix2017.scss */
+/* line 4348, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title:hover .edit_entity {
   display: block;
 }
-/* line 4330, ../../../scss/_clix2017.scss */
+/* line 4354, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation.active > a:before {
   content: '';
   line-height: 55px;
   color: #d7d7d7;
 }
-/* line 4338, ../../../scss/_clix2017.scss */
+/* line 4362, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation .course-activities {
   margin: 0px;
 }
-/* line 4340, ../../../scss/_clix2017.scss */
+/* line 4364, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation .course-activities > li {
   list-style: none;
   border-top: 1px solid #e9e9e9;
@@ -4068,7 +4097,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 4347, ../../../scss/_clix2017.scss */
+/* line 4371, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation .course-activities > li > a {
   color: #7ca0d0;
   width: 100%;
@@ -4076,11 +4105,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 4356, ../../../scss/_clix2017.scss */
+/* line 4380, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation .content {
   background: inherit;
 }
-/* line 4365, ../../../scss/_clix2017.scss */
+/* line 4389, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section {
   width: 0%;
   display: inline-block;
@@ -4092,48 +4121,48 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   overflow-y: auto;
   background: #fff;
 }
-/* line 4375, ../../../scss/_clix2017.scss */
+/* line 4399, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header {
   height: 100px;
   background-color: #e5f1f6;
   border-bottom: 1px solid #e6e6e7;
 }
-/* line 4380, ../../../scss/_clix2017.scss */
+/* line 4404, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header .header-left {
   padding: 29px 0px;
 }
-/* line 4383, ../../../scss/_clix2017.scss */
+/* line 4407, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header .header-left > span {
   color: #3c5264;
   font-weight: 600;
   margin-right: 10px;
 }
-/* line 4392, ../../../scss/_clix2017.scss */
+/* line 4416, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header .custom_dropdown {
   margin: 40px 35px 0px;
 }
-/* line 4397, ../../../scss/_clix2017.scss */
+/* line 4421, ../../../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 4401, ../../../scss/_clix2017.scss */
+/* line 4425, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions ul {
   margin: 0px;
 }
-/* line 4403, ../../../scss/_clix2017.scss */
+/* line 4427, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions ul li {
   list-style: none;
   display: inline-block;
 }
-/* line 4406, ../../../scss/_clix2017.scss */
+/* line 4430, ../../../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 4412, ../../../scss/_clix2017.scss */
+/* line 4436, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions ul li span {
   display: inline-block;
   letter-spacing: 0.5px;
@@ -4142,7 +4171,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   cursor: pointer;
 }
 
-/* line 4428, ../../../scss/_clix2017.scss */
+/* line 4452, ../../../scss/_clix2017.scss */
 .course_editor_section {
   background: #fff;
   min-height: 100vh;
@@ -4152,21 +4181,21 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px;
 }
 
-/* line 4438, ../../../scss/_clix2017.scss */
+/* line 4462, ../../../scss/_clix2017.scss */
 .lesson-title {
   font-size: 18px;
   padding-top: 10px;
   padding-left: 10px;
 }
 
-/* line 4445, ../../../scss/_clix2017.scss */
+/* line 4469, ../../../scss/_clix2017.scss */
 .activity-title {
   font-size: 18px;
   padding-top: 10px;
   padding-left: 23px;
   margin: 0px;
 }
-/* line 4451, ../../../scss/_clix2017.scss */
+/* line 4475, ../../../scss/_clix2017.scss */
 .activity-title > li {
   list-style: none;
   border-top: 1px solid #e9e9e9;
@@ -4176,33 +4205,33 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   -webkit-transition: border-color 1s ease;
   margin-left: -23px;
 }
-/* line 4460, ../../../scss/_clix2017.scss */
+/* line 4484, ../../../scss/_clix2017.scss */
 .activity-title > li.active {
   background: rgba(116, 0, 255, 0.31);
 }
-/* line 4464, ../../../scss/_clix2017.scss */
+/* line 4488, ../../../scss/_clix2017.scss */
 .activity-title > li > a {
   color: black;
 }
-/* line 4467, ../../../scss/_clix2017.scss */
+/* line 4491, ../../../scss/_clix2017.scss */
 .activity-title > li:hover {
   background: rgba(111, 8, 89, 0.24);
 }
 
-/* line 4477, ../../../scss/_clix2017.scss */
+/* line 4501, ../../../scss/_clix2017.scss */
 .activity_page_rendered {
   margin-left: 20px;
   max-width: 100%;
 }
 
 /* Rating css */
-/* line 4486, ../../../scss/_clix2017.scss */
+/* line 4510, ../../../scss/_clix2017.scss */
 .rating-bar {
   /* the hidden clearer */
   /* this is gross, I threw this in to override the starred
   buttons when hovering. */
 }
-/* line 4488, ../../../scss/_clix2017.scss */
+/* line 4512, ../../../scss/_clix2017.scss */
 .rating-bar > span {
   /* remove inline-block whitespace */
   font-size: 0;
@@ -4210,19 +4239,19 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   unicode-bidi: bidi-override;
   direction: rtl;
 }
-/* line 4496, ../../../scss/_clix2017.scss */
+/* line 4520, ../../../scss/_clix2017.scss */
 .rating-bar.unrated {
   /* If the user has not rated yet */
 }
-/* line 4498, ../../../scss/_clix2017.scss */
+/* line 4522, ../../../scss/_clix2017.scss */
 .rating-bar.unrated:checked ~ label:before {
   color: #ffc14e;
 }
-/* line 4504, ../../../scss/_clix2017.scss */
+/* line 4528, ../../../scss/_clix2017.scss */
 .rating-bar [type*="radio"] {
   display: none;
 }
-/* line 4506, ../../../scss/_clix2017.scss */
+/* line 4530, ../../../scss/_clix2017.scss */
 .rating-bar [type*="radio"] + label {
   /* only enough room for the star */
   display: inline-block;
@@ -4235,7 +4264,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 0;
   vertical-align: bottom;
 }
-/* line 4518, ../../../scss/_clix2017.scss */
+/* line 4542, ../../../scss/_clix2017.scss */
 .rating-bar [type*="radio"] + label:before {
   display: inline-block;
   text-indent: -9999px;
@@ -4243,32 +4272,32 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   /* WHITE STAR */
   color: #888;
 }
-/* line 4525, ../../../scss/_clix2017.scss */
+/* line 4549, ../../../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 4536, ../../../scss/_clix2017.scss */
+/* line 4560, ../../../scss/_clix2017.scss */
 .rating-bar .last[type*="radio"] + label {
   text-indent: -9999px;
   width: .5em;
   margin-left: -.5em;
 }
-/* line 4543, ../../../scss/_clix2017.scss */
+/* line 4567, ../../../scss/_clix2017.scss */
 .rating-bar .last[type*="radio"] + label:before {
   width: .5em;
   height: 1.4em;
 }
-/* line 4551, ../../../scss/_clix2017.scss */
+/* line 4575, ../../../scss/_clix2017.scss */
 .rating-bar:hover [type*="radio"] + label:before {
   content: '\2606';
   /* WHITE STAR */
   color: #888;
   text-shadow: none;
 }
-/* line 4556, ../../../scss/_clix2017.scss */
+/* line 4580, ../../../scss/_clix2017.scss */
 .rating-bar:hover [type*="radio"] + label:hover ~ label:before,
 .rating-bar:hover [type*="radio"] + label:hover:before {
   content: '\2605';
@@ -4280,7 +4309,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
  * Sass styles related to unit cards
  */
-/* line 4575, ../../../scss/_clix2017.scss */
+/* line 4599, ../../../scss/_clix2017.scss */
 .unit_card {
   width: 300px;
   color: #000;
@@ -4292,11 +4321,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   height: 210px;
 }
-/* line 4587, ../../../scss/_clix2017.scss */
+/* line 4611, ../../../scss/_clix2017.scss */
 .unit_card:hover {
   box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
 }
-/* line 4592, ../../../scss/_clix2017.scss */
+/* line 4616, ../../../scss/_clix2017.scss */
 .unit_card .unit_status {
   position: absolute;
   right: 0px;
@@ -4307,11 +4336,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-radius: 3px;
   letter-spacing: 0.6px;
 }
-/* line 4603, ../../../scss/_clix2017.scss */
+/* line 4627, ../../../scss/_clix2017.scss */
 .unit_card .unit_header {
   display: table;
 }
-/* line 4605, ../../../scss/_clix2017.scss */
+/* line 4629, ../../../scss/_clix2017.scss */
 .unit_card .unit_header .unit_banner {
   display: table-cell;
   border-radius: 5px;
@@ -4320,7 +4349,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-right: 10px;
   color: #333333;
 }
-/* line 4613, ../../../scss/_clix2017.scss */
+/* line 4637, ../../../scss/_clix2017.scss */
 .unit_card .unit_header .unit_title {
   display: table-cell;
   font-size: 20px;
@@ -4334,7 +4363,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   vertical-align: middle;
   color: #333333;
 }
-/* line 4627, ../../../scss/_clix2017.scss */
+/* line 4651, ../../../scss/_clix2017.scss */
 .unit_card .unit_desc {
   display: block;
   /* Fallback for non-webkit */
@@ -4351,16 +4380,16 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 10px 0px 20px;
   color: #333333;
 }
-/* line 4643, ../../../scss/_clix2017.scss */
+/* line 4667, ../../../scss/_clix2017.scss */
 .unit_card .unit_breif .unit_breif_row i {
   margin-right: 10px;
   color: #99aaba;
 }
-/* line 4649, ../../../scss/_clix2017.scss */
+/* line 4673, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions {
   padding: 5px 0px;
 }
-/* line 4654, ../../../scss/_clix2017.scss */
+/* line 4678, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .unit-card-enrol {
   background: #a2238d;
   height: 37px;
@@ -4373,11 +4402,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 4666, ../../../scss/_clix2017.scss */
+/* line 4690, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .unit-card-enrol:hover {
   box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.68);
 }
-/* line 4671, ../../../scss/_clix2017.scss */
+/* line 4695, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .unit-card-analytics {
   color: #a2238d;
   font-weight: 500;
@@ -4385,7 +4414,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   letter-spacing: 0.3px;
   border-bottom: 2px solid #a2238d;
 }
-/* line 4679, ../../../scss/_clix2017.scss */
+/* line 4703, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .unit-card-analytics-points {
   background: #ffffff;
   color: #a2238d;
@@ -4396,7 +4425,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   font-weight: bold;
   cursor: default;
 }
-/* line 4690, ../../../scss/_clix2017.scss */
+/* line 4714, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .view_unit {
   height: 37px;
   text-align: center;
@@ -4405,7 +4434,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 4698, ../../../scss/_clix2017.scss */
+/* line 4722, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .view_unit:hover {
   border-bottom: 2px solid #ffc14e;
 }
@@ -4413,7 +4442,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /*
    Common css
  */
-/* line 4709, ../../../scss/_clix2017.scss */
+/* line 4733, ../../../scss/_clix2017.scss */
 .text-button-blue {
   background-color: transparent;
   color: #00A9EE;
@@ -4426,54 +4455,54 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
     Status styles added for the unit styles.
  */
-/* line 4728, ../../../scss/_clix2017.scss */
+/* line 4752, ../../../scss/_clix2017.scss */
 .in-progress-status {
   color: #fff;
   background-color: #fd9e29;
 }
 
-/* line 4733, ../../../scss/_clix2017.scss */
+/* line 4757, ../../../scss/_clix2017.scss */
 .in-complete-status {
   color: #fff;
   background-color: #fd9e29;
 }
 
-/* line 4738, ../../../scss/_clix2017.scss */
+/* line 4762, ../../../scss/_clix2017.scss */
 .thumbnail_style {
   margin-top: -30px;
   margin-left: -30px;
 }
 
-/* line 4743, ../../../scss/_clix2017.scss */
+/* line 4767, ../../../scss/_clix2017.scss */
 .strip {
   height: 143px;
   margin-left: -13px;
   margin-bottom: 10px;
 }
 
-/* line 4749, ../../../scss/_clix2017.scss */
+/* line 4773, ../../../scss/_clix2017.scss */
 .title-strip {
   box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
   margin-top: -29px;
   padding-left: 10px;
 }
-/* line 4753, ../../../scss/_clix2017.scss */
+/* line 4777, ../../../scss/_clix2017.scss */
 .title-strip a {
   float: right;
   padding-right: 18px;
   text-transform: uppercase;
   color: #007095;
 }
-/* line 4763, ../../../scss/_clix2017.scss */
+/* line 4787, ../../../scss/_clix2017.scss */
 .title-strip .position-actions {
   margin-top: -60px;
   margin-left: 760px;
 }
-/* line 4768, ../../../scss/_clix2017.scss */
+/* line 4792, ../../../scss/_clix2017.scss */
 .title-strip .right-margin {
   margin-right: 46px;
 }
-/* line 4771, ../../../scss/_clix2017.scss */
+/* line 4795, ../../../scss/_clix2017.scss */
 .title-strip .course_actions > span {
   background: #fff;
   border: 1px solid rgba(255, 255, 255, 0.7);
@@ -4487,7 +4516,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 30px;
   z-index: 1;
 }
-/* line 4788, ../../../scss/_clix2017.scss */
+/* line 4812, ../../../scss/_clix2017.scss */
 .title-strip .course_actions > i {
   margin-right: 3px;
   background: rgba(0, 0, 0, 0.6);
@@ -4500,7 +4529,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-radius: 3px;
 }
 
-/* line 4802, ../../../scss/_clix2017.scss */
+/* line 4826, ../../../scss/_clix2017.scss */
 .dropdown-settings {
   text-align: left;
   text-transform: none;
@@ -4510,13 +4539,13 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   background: white;
   border-radius: 1px;
 }
-/* line 4810, ../../../scss/_clix2017.scss */
+/* line 4834, ../../../scss/_clix2017.scss */
 .dropdown-settings:hover {
   color: #ce7869;
   border-left: 2px solid #ffc14e;
 }
 
-/* line 4816, ../../../scss/_clix2017.scss */
+/* line 4840, ../../../scss/_clix2017.scss */
 .activity-slides-container {
   height: 100%;
   width: 80%;
@@ -4525,19 +4554,19 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   padding: 0em 0em 0em 0em;
   margin-bottom: 15px;
 }
-/* line 4825, ../../../scss/_clix2017.scss */
+/* line 4849, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides {
   height: 100%;
   color: #f8f8f8;
 }
-/* line 4830, ../../../scss/_clix2017.scss */
+/* line 4854, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide {
   padding: 1em;
   height: inherit;
   background: #fff;
   position: relative;
 }
-/* line 4836, ../../../scss/_clix2017.scss */
+/* line 4860, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide .view-related-content {
   border: 1px solid #999;
   display: inline-block;
@@ -4545,12 +4574,12 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #999999;
   margin-left: 12%;
 }
-/* line 4844, ../../../scss/_clix2017.scss */
+/* line 4868, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide .page > section {
   margin-left: 50%;
   transform: translate(-50%);
 }
-/* line 4850, ../../../scss/_clix2017.scss */
+/* line 4874, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .related-content-close {
   position: absolute;
   right: -2px;
@@ -4559,21 +4588,21 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   display: none;
   color: #8E8E8E;
 }
-/* line 4859, ../../../scss/_clix2017.scss */
+/* line 4883, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded > i {
   font-size: 20px !important;
   color: #ccc !important;
   top: 8px !important;
 }
-/* line 4864, ../../../scss/_clix2017.scss */
+/* line 4888, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header {
   margin-left: 20px !important;
 }
-/* line 4866, ../../../scss/_clix2017.scss */
+/* line 4890, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header > span:first-child {
   display: none !important;
 }
-/* line 4869, ../../../scss/_clix2017.scss */
+/* line 4893, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .back-to-activity {
   display: inline-block !important;
   float: right;
@@ -4584,24 +4613,24 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #757575;
   margin-right: 20px;
 }
-/* line 4879, ../../../scss/_clix2017.scss */
+/* line 4903, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title {
   font-size: 15px !important;
   position: relative;
 }
-/* line 4883, ../../../scss/_clix2017.scss */
+/* line 4907, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title .related-content-close {
   display: block;
 }
-/* line 4886, ../../../scss/_clix2017.scss */
+/* line 4910, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title > i {
   display: none !important;
 }
-/* line 4891, ../../../scss/_clix2017.scss */
+/* line 4915, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-body {
   display: block !important;
 }
-/* line 4895, ../../../scss/_clix2017.scss */
+/* line 4919, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content {
   width: 100%;
   margin: 0px auto;
@@ -4613,7 +4642,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   color: #222222;
 }
-/* line 4906, ../../../scss/_clix2017.scss */
+/* line 4930, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content > i {
   color: #fff;
   font-size: 40px;
@@ -4621,15 +4650,15 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   left: 8px;
   top: 4px;
 }
-/* line 4914, ../../../scss/_clix2017.scss */
+/* line 4938, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header {
   margin-left: 40px;
 }
-/* line 4916, ../../../scss/_clix2017.scss */
+/* line 4940, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header .back-to-activity {
   display: none;
 }
-/* line 4919, ../../../scss/_clix2017.scss */
+/* line 4943, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header span {
   display: block;
   vertical-align: top;
@@ -4639,13 +4668,13 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   letter-spacing: 0.8px;
   color: #999999;
 }
-/* line 4928, ../../../scss/_clix2017.scss */
+/* line 4952, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header .related-content-title {
   font-size: 20px;
   color: #000;
   cursor: pointer;
 }
-/* line 4934, ../../../scss/_clix2017.scss */
+/* line 4958, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-body {
   display: none;
 }
@@ -4653,7 +4682,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
  * Sass styles related to module cards
  */
-/* line 4949, ../../../scss/_clix2017.scss */
+/* line 4973, ../../../scss/_clix2017.scss */
 .module_card {
   display: table;
   height: 290px;
@@ -4664,16 +4693,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 4959, ../../../scss/_clix2017.scss */
+/* line 4983, ../../../scss/_clix2017.scss */
 .module_card:hover {
   box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.68);
 }
-/* line 4963, ../../../scss/_clix2017.scss */
+/* line 4987, ../../../scss/_clix2017.scss */
 .module_card > div {
   display: table-cell;
   height: 290px;
 }
-/* line 4968, ../../../scss/_clix2017.scss */
+/* line 4992, ../../../scss/_clix2017.scss */
 .module_card .card_banner {
   width: 250px;
   height: 290px;
@@ -4687,14 +4716,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 4981, ../../../scss/_clix2017.scss */
+/* line 5005, ../../../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 4986, ../../../scss/_clix2017.scss */
+/* line 5010, ../../../scss/_clix2017.scss */
 .module_card .card_banner > img:hover {
   -webkit-transform: scale(1.03);
   -moz-transform: scale(1.03);
@@ -4703,7 +4732,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   transform: scale(1.03);
   opacity: 0.8;
 }
-/* line 4998, ../../../scss/_clix2017.scss */
+/* line 5022, ../../../scss/_clix2017.scss */
 .module_card .card_banner > h4 {
   position: absolute;
   top: 100px;
@@ -4712,7 +4741,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 5013, ../../../scss/_clix2017.scss */
+/* line 5037, ../../../scss/_clix2017.scss */
 .module_card .card_title {
   display: block;
   width: 230px;
@@ -4722,27 +4751,27 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 0px auto;
   letter-spacing: 1px;
 }
-/* line 5024, ../../../scss/_clix2017.scss */
+/* line 5048, ../../../scss/_clix2017.scss */
 .module_card.animated_card .card_banner {
   border-radius: 8px;
 }
-/* line 5027, ../../../scss/_clix2017.scss */
+/* line 5051, ../../../scss/_clix2017.scss */
 .module_card.animated_card:hover .card_banner {
   border-radius: 8px 0px 0px 8px;
 }
-/* line 5032, ../../../scss/_clix2017.scss */
+/* line 5056, ../../../scss/_clix2017.scss */
 .module_card.animated_card.isOpen .card_banner {
   border-radius: 8px 0px 0px 8px;
 }
-/* line 5036, ../../../scss/_clix2017.scss */
+/* line 5060, ../../../scss/_clix2017.scss */
 .module_card.animated_card:hover .card_summary {
   left: 30px;
 }
-/* line 5039, ../../../scss/_clix2017.scss */
+/* line 5063, ../../../scss/_clix2017.scss */
 .module_card.animated_card .card_summary {
   left: 5px;
 }
-/* line 5043, ../../../scss/_clix2017.scss */
+/* line 5067, ../../../scss/_clix2017.scss */
 .module_card .card_summary {
   width: 290px;
   padding: 0px 15px;
@@ -4758,35 +4787,35 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   /* Safari */
   transition-property: left;
 }
-/* line 5057, ../../../scss/_clix2017.scss */
+/* line 5081, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_label {
   font-weight: 500;
   font-size: 12.5px;
   letter-spacing: 1px;
   color: black;
 }
-/* line 5063, ../../../scss/_clix2017.scss */
+/* line 5087, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section {
   margin: 5px 0px;
   padding: 5px 0px;
 }
-/* line 5067, ../../../scss/_clix2017.scss */
+/* line 5091, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section:not(:last-child) {
   border-bottom: 1px solid #ccc;
 }
-/* line 5070, ../../../scss/_clix2017.scss */
+/* line 5094, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section p {
   margin-bottom: 7px;
   font-size: 12.5px;
 }
-/* line 5074, ../../../scss/_clix2017.scss */
+/* line 5098, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .ellipsis {
   width: 245px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-/* line 5082, ../../../scss/_clix2017.scss */
+/* line 5106, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .module-card-enrol {
   background: #a2238d;
   height: 37px;
@@ -4800,11 +4829,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 5095, ../../../scss/_clix2017.scss */
+/* line 5119, ../../../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 5101, ../../../scss/_clix2017.scss */
+/* line 5125, ../../../scss/_clix2017.scss */
 .module_card .card_summary .module_brief {
   display: block;
   /* Fallback for non-webkit */
@@ -4821,14 +4850,14 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: black;
 }
 
-/* line 5125, ../../../scss/_clix2017.scss */
+/* line 5149, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner {
   width: 100%;
   height: 150px;
   background-size: 100% 100%;
   position: relative;
 }
-/* line 5133, ../../../scss/_clix2017.scss */
+/* line 5157, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner:before {
   content: ' ';
   background-color: rgba(0, 0, 0, 0.1);
@@ -4841,27 +4870,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 5146, ../../../scss/_clix2017.scss */
+/* line 5170, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner:before a {
   cursor: pointer;
 }
-/* line 5151, ../../../scss/_clix2017.scss */
+/* line 5175, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .div-height {
   height: 150px !important;
   background-size: 100% 100%;
   position: absolute !important;
 }
-/* line 5159, ../../../scss/_clix2017.scss */
+/* line 5183, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .enroll_unit > a {
   cursor: pointer;
 }
-/* line 5163, ../../../scss/_clix2017.scss */
+/* line 5187, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading {
   color: #fff;
   display: inline-block;
   vertical-align: top;
 }
-/* line 5169, ../../../scss/_clix2017.scss */
+/* line 5193, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading .unit_name {
   font-size: 36px;
   font-family: OpenSans-Semibold;
@@ -4872,17 +4901,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 5180, ../../../scss/_clix2017.scss */
+/* line 5204, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading .right-margin {
   margin-right: 46px;
 }
 
-/* line 5189, ../../../scss/_clix2017.scss */
+/* line 5213, ../../../scss/_clix2017.scss */
 .border-bottom-lms-header {
   border-bottom: 1px solid #00000029;
 }
 
-/* line 5194, ../../../scss/_clix2017.scss */
+/* line 5218, ../../../scss/_clix2017.scss */
 .lms_secondary_header {
   width: 100%;
   position: relative;
@@ -4890,11 +4919,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 5200, ../../../scss/_clix2017.scss */
+/* line 5224, ../../../scss/_clix2017.scss */
 .lms_secondary_header .course_actions {
   margin-top: 8px;
 }
-/* line 5203, ../../../scss/_clix2017.scss */
+/* line 5227, ../../../scss/_clix2017.scss */
 .lms_secondary_header .course_actions > span {
   background: #2e3f51;
   border: 1px solid rgba(255, 255, 255, 0.7);
@@ -4906,11 +4935,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 5217, ../../../scss/_clix2017.scss */
+  /* line 5241, ../../../scss/_clix2017.scss */
   .lms_secondary_header .course_actions .course_actions {
     margin-top: 8px;
   }
-  /* line 5220, ../../../scss/_clix2017.scss */
+  /* line 5244, ../../../scss/_clix2017.scss */
   .lms_secondary_header .course_actions .course_actions > span {
     margin-left: 50px;
     background: #2e3f51;
@@ -4924,49 +4953,49 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   }
 }
 
-/* line 5242, ../../../scss/_clix2017.scss */
+/* line 5266, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 {
   margin-bottom: 0px;
   background-color: #fff;
   display: inline;
   width: 50%;
 }
-/* line 5247, ../../../scss/_clix2017.scss */
+/* line 5271, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li {
   display: inline-block;
 }
-/* line 5250, ../../../scss/_clix2017.scss */
+/* line 5274, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a {
   list-style-type: none;
   display: inline-block;
   padding: 12px 12px 9px;
-  color: #164a7b;
+  color: #6f0859;
   cursor: pointer;
   font-size: 18px;
   letter-spacing: 0.8px;
   border-bottom: 3px solid transparent;
 }
-/* line 5261, ../../../scss/_clix2017.scss */
+/* line 5285, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-bottom: 3px solid #a2238d;
 }
 
-/* line 5269, ../../../scss/_clix2017.scss */
+/* line 5293, ../../../scss/_clix2017.scss */
 ul.authoring-tab {
-  background-color: #164a7b;
+  background-color: #6f0859;
   margin-bottom: 0px;
   display: inline;
   width: 50%;
 }
-/* line 5274, ../../../scss/_clix2017.scss */
+/* line 5298, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li {
   display: inline-block;
 }
-/* line 5277, ../../../scss/_clix2017.scss */
+/* line 5301, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li > a {
   list-style-type: none;
   margin-right: -4px;
-  background-color: #164a7b;
+  background-color: #6f0859;
   padding: 12px 12px 9px;
   cursor: pointer;
   font-size: 18px;
@@ -4975,61 +5004,61 @@ ul.authoring-tab > li > a {
   border-bottom: 3px solid transparent;
   color: #ffffff !important;
 }
-/* line 5288, ../../../scss/_clix2017.scss */
+/* line 5312, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-bottom: 3px solid #a2238d;
 }
 
-/* line 5299, ../../../scss/_clix2017.scss */
+/* line 5323, ../../../scss/_clix2017.scss */
 .course-content {
   background: #fff;
   margin: 20px auto;
   padding: 20px 0px;
   margin-top: 0px;
 }
-/* line 5307, ../../../scss/_clix2017.scss */
+/* line 5331, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node.jqtree-selected .jqtree-element {
   background: #fff;
 }
-/* line 5310, ../../../scss/_clix2017.scss */
+/* line 5334, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node > div {
   height: 35px;
 }
-/* line 5312, ../../../scss/_clix2017.scss */
+/* line 5336, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node > div a {
   margin-right: 0.7em;
 }
-/* line 5319, ../../../scss/_clix2017.scss */
+/* line 5343, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name {
   padding-left: 20px;
 }
-/* line 5321, ../../../scss/_clix2017.scss */
+/* line 5345, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name:not(:last-child) {
   border-bottom: 1px solid #d2cfcf;
 }
-/* line 5326, ../../../scss/_clix2017.scss */
+/* line 5350, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name > div .jqtree-title {
   color: #3c5264;
   font-size: 19px;
   font-weight: 600;
 }
-/* line 5334, ../../../scss/_clix2017.scss */
+/* line 5358, ../../../scss/_clix2017.scss */
 .course-content .course-activity-group > div .jqtree-title {
   color: #74a0c0;
   font-size: 17px;
 }
-/* line 5340, ../../../scss/_clix2017.scss */
+/* line 5364, ../../../scss/_clix2017.scss */
 .course-content .course-activity-name > div .jqtree-title {
   color: #74a0c0;
   font-size: 17px;
 }
 
-/* line 5347, ../../../scss/_clix2017.scss */
+/* line 5371, ../../../scss/_clix2017.scss */
 .listing-row {
   margin-top: 10px !important;
 }
 
-/* line 5351, ../../../scss/_clix2017.scss */
+/* line 5375, ../../../scss/_clix2017.scss */
 .raw_material_asset {
   width: auto;
   top: -0.50em;
@@ -5046,7 +5075,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.3px;
 }
 
-/* line 5367, ../../../scss/_clix2017.scss */
+/* line 5391, ../../../scss/_clix2017.scss */
 .status-completed {
   width: auto;
   top: -1.15em;
@@ -5063,7 +5092,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5383, ../../../scss/_clix2017.scss */
+/* line 5407, ../../../scss/_clix2017.scss */
 .status-in-progress {
   width: auto;
   top: -1.15em;
@@ -5080,7 +5109,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5400, ../../../scss/_clix2017.scss */
+/* line 5424, ../../../scss/_clix2017.scss */
 .status-upcoming {
   width: auto;
   top: -1.15em;
@@ -5097,7 +5126,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5417, ../../../scss/_clix2017.scss */
+/* line 5441, ../../../scss/_clix2017.scss */
 .status-draft {
   width: auto;
   top: -1.15em;
@@ -5114,33 +5143,33 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5435, ../../../scss/_clix2017.scss */
+/* line 5459, ../../../scss/_clix2017.scss */
 .lesson-dropdown ul {
   display: none;
 }
 
-/* line 5439, ../../../scss/_clix2017.scss */
+/* line 5463, ../../../scss/_clix2017.scss */
 .lesson-dropdown:hover ul {
   display: block;
 }
 
-/* line 5443, ../../../scss/_clix2017.scss */
+/* line 5467, ../../../scss/_clix2017.scss */
 .lesson_name_in_export {
   list-style: none;
 }
-/* line 5445, ../../../scss/_clix2017.scss */
+/* line 5469, ../../../scss/_clix2017.scss */
 .lesson_name_in_export:hover {
   border-left: 2.5px solid #ce7869;
 }
 
-/* line 5450, ../../../scss/_clix2017.scss */
+/* line 5474, ../../../scss/_clix2017.scss */
 .buddy_margin {
   margin-right: 80px;
   font-family: OpenSans-Regular;
   margin-top: 6px;
 }
 
-/* line 5456, ../../../scss/_clix2017.scss */
+/* line 5480, ../../../scss/_clix2017.scss */
 .lms_explore_head {
   width: 100%;
   height: 45px;
@@ -5148,63 +5177,63 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #164A7B;
   margin-top: -30px;
 }
-/* line 5462, ../../../scss/_clix2017.scss */
+/* line 5486, ../../../scss/_clix2017.scss */
 .lms_explore_head > p {
   margin-left: 81px;
   padding: 12px 0px 0px 1px;
   font-family: OpenSans-Semibold;
   font-size: 20px;
 }
-/* line 5468, ../../../scss/_clix2017.scss */
+/* line 5492, ../../../scss/_clix2017.scss */
 .lms_explore_head > a {
   padding: 12px 85px 3px 0px;
 }
 
-/* line 5472, ../../../scss/_clix2017.scss */
+/* line 5496, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit {
   width: 100%;
   height: 50px;
   background-color: #fff;
   color: #164A7B;
 }
-/* line 5477, ../../../scss/_clix2017.scss */
+/* line 5501, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit > p {
   margin-left: 81px;
   padding: 0px 0px 0px 1px;
   font-family: OpenSans-Semibold;
   font-size: 20px;
 }
-/* line 5483, ../../../scss/_clix2017.scss */
+/* line 5507, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit > a {
   padding: 0px 85px 3px 0px;
 }
 
-/* line 5488, ../../../scss/_clix2017.scss */
+/* line 5512, ../../../scss/_clix2017.scss */
 .lms_explore_back {
   background-color: #fff;
 }
 
-/* line 5492, ../../../scss/_clix2017.scss */
+/* line 5516, ../../../scss/_clix2017.scss */
 .lms_explore_back_unit {
   background-color: #fff;
   margin-top: -23.3px;
 }
 
-/* line 5497, ../../../scss/_clix2017.scss */
+/* line 5521, ../../../scss/_clix2017.scss */
 .empty-dashboard-message {
   border: 3px solid #e4e4e4;
   background: #f8f8f8;
   padding: 40px 0;
   text-align: center;
 }
-/* line 5502, ../../../scss/_clix2017.scss */
+/* line 5526, ../../../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 5508, ../../../scss/_clix2017.scss */
+/* line 5532, ../../../scss/_clix2017.scss */
 .empty-dashboard-message > a {
   background-color: #164a7b;
   border: 1px solid #164a7b;
@@ -5218,7 +5247,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   margin-left: 5px;
   padding: 15px 20px;
 }
-/* line 5521, ../../../scss/_clix2017.scss */
+/* line 5545, ../../../scss/_clix2017.scss */
 .empty-dashboard-message .button-explore-courses {
   font-size: 20px;
   font-weight: normal;
@@ -5228,7 +5257,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   width: 170px;
 }
 
-/* line 5534, ../../../scss/_clix2017.scss */
+/* line 5558, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner {
   width: 100%;
   height: 200px;
@@ -5236,7 +5265,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-size: 100% 100%;
   position: relative;
 }
-/* line 5541, ../../../scss/_clix2017.scss */
+/* line 5565, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner:before {
   content: ' ';
   background-color: rgba(0, 0, 0, 0.1);
@@ -5250,13 +5279,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 5555, ../../../scss/_clix2017.scss */
+/* line 5579, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile {
   position: absolute;
   bottom: 30px;
   left: 40px;
 }
-/* line 5560, ../../../scss/_clix2017.scss */
+/* line 5584, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo {
   display: inline-block;
   margin-right: 10px;
@@ -5265,53 +5294,53 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   overflow: hidden;
   background-color: #fff;
 }
-/* line 5568, ../../../scss/_clix2017.scss */
+/* line 5592, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo svg {
   height: 100px;
   width: 100px;
 }
-/* line 5573, ../../../scss/_clix2017.scss */
+/* line 5597, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo svg path {
   fill: #7a422a;
 }
-/* line 5578, ../../../scss/_clix2017.scss */
+/* line 5602, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .banner_heading {
   color: #fff;
   display: inline-block;
   vertical-align: top;
 }
-/* line 5583, ../../../scss/_clix2017.scss */
+/* line 5607, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .banner_heading .buddy_name {
   font-size: 23px;
   display: block;
   margin-bottom: 10px;
 }
-/* line 5591, ../../../scss/_clix2017.scss */
+/* line 5615, ../../../scss/_clix2017.scss */
 .mydesk_page .page_menu {
   border-bottom: 1px solid #e5e5e5;
 }
-/* line 5595, ../../../scss/_clix2017.scss */
+/* line 5619, ../../../scss/_clix2017.scss */
 .mydesk_page .page_menu li > a {
   padding: 12px 20px 9px;
 }
 
-/* line 5605, ../../../scss/_clix2017.scss */
+/* line 5629, ../../../scss/_clix2017.scss */
 .input_links {
   margin-left: 10px;
 }
-/* line 5607, ../../../scss/_clix2017.scss */
+/* line 5631, ../../../scss/_clix2017.scss */
 .input_links a {
   margin-right: 35px;
   margin-top: 5px;
 }
 
-/* line 5613, ../../../scss/_clix2017.scss */
+/* line 5637, ../../../scss/_clix2017.scss */
 #course-notification
 #status {
   width: 100% !important;
 }
 
-/* line 5619, ../../../scss/_clix2017.scss */
+/* line 5643, ../../../scss/_clix2017.scss */
 .add-note-btn {
   padding: 3px 11px;
   border-radius: 100%;
@@ -5323,7 +5352,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #6153AE;
 }
 
-/* line 5630, ../../../scss/_clix2017.scss */
+/* line 5654, ../../../scss/_clix2017.scss */
 .bef-note-btn {
   padding: 3px 11px;
   border-radius: 100%;
@@ -5335,7 +5364,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #6153AE;
 }
 
-/* line 5641, ../../../scss/_clix2017.scss */
+/* line 5665, ../../../scss/_clix2017.scss */
 .edit-note-btn {
   float: right;
   border: 1px solid #CFCFCF;
@@ -5345,12 +5374,12 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #f7f7f7;
   width: 85px;
 }
-/* line 5649, ../../../scss/_clix2017.scss */
+/* line 5673, ../../../scss/_clix2017.scss */
 .edit-note-btn i {
   margin-right: 5px;
 }
 
-/* line 5653, ../../../scss/_clix2017.scss */
+/* line 5677, ../../../scss/_clix2017.scss */
 .delete-note-btn {
   float: right;
   border: 1px solid #CFCFCF;
@@ -5361,39 +5390,39 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #f7f7f7;
   width: 85px;
 }
-/* line 5662, ../../../scss/_clix2017.scss */
+/* line 5686, ../../../scss/_clix2017.scss */
 .delete-note-btn i {
   margin-right: 5px;
 }
 
-/* line 5667, ../../../scss/_clix2017.scss */
+/* line 5691, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-check {
   color: green;
 }
 
-/* line 5670, ../../../scss/_clix2017.scss */
+/* line 5694, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-check-circle-o {
   color: green;
 }
 
-/* line 5673, ../../../scss/_clix2017.scss */
+/* line 5697, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-clock-o {
   color: orange;
 }
 
-/* line 5676, ../../../scss/_clix2017.scss */
+/* line 5700, ../../../scss/_clix2017.scss */
 .course-status-icon {
   font-size: 20px;
   margin-right: 5px;
 }
 
-/* line 5680, ../../../scss/_clix2017.scss */
+/* line 5704, ../../../scss/_clix2017.scss */
 .img-height {
   height: 150px;
   width: 1351px;
 }
 
-/* line 5685, ../../../scss/_clix2017.scss */
+/* line 5709, ../../../scss/_clix2017.scss */
 .wrapper-footer {
   box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.1);
   border-top: 1px solid #c5c6c7;
@@ -5407,7 +5436,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background: rgba(221, 221, 221, 0.18);
   clear: both;
 }
-/* line 5701, ../../../scss/_clix2017.scss */
+/* line 5725, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix {
   box-sizing: border-box;
   max-width: 1200px;
@@ -5415,85 +5444,85 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   margin-right: auto;
   margin: 0 auto;
 }
-/* line 5709, ../../../scss/_clix2017.scss */
+/* line 5733, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos {
   float: left;
   display: block;
   margin-right: 2.35765%;
   width: 65.88078%;
 }
-/* line 5715, ../../../scss/_clix2017.scss */
+/* line 5739, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos {
   margin: 10px 0px 0px 18px;
 }
-/* line 5718, ../../../scss/_clix2017.scss */
+/* line 5742, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol {
   display: inline;
   list-style-type: none;
 }
-/* line 5721, ../../../scss/_clix2017.scss */
+/* line 5745, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li {
   float: left;
   margin-right: 15px;
 }
-/* line 5724, ../../../scss/_clix2017.scss */
+/* line 5748, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li > a {
   color: #ce7869;
 }
-/* line 5726, ../../../scss/_clix2017.scss */
+/* line 5750, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li > a:hover {
   color: #ce7869;
   border-bottom: 3px solid #ffc14e;
 }
-/* line 5737, ../../../scss/_clix2017.scss */
+/* line 5761, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal {
   margin: 0px 0px 0px 20px;
 }
-/* line 5739, ../../../scss/_clix2017.scss */
+/* line 5763, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol {
   display: inline;
   list-style-type: none;
 }
-/* line 5742, ../../../scss/_clix2017.scss */
+/* line 5766, ../../../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 5747, ../../../scss/_clix2017.scss */
+/* line 5771, ../../../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 5752, ../../../scss/_clix2017.scss */
+/* line 5776, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol li > a:hover {
   color: #777;
   border-bottom: 3px solid #c90d97;
 }
-/* line 5762, ../../../scss/_clix2017.scss */
+/* line 5786, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo {
   margin: 13px 0;
   display: inline-block;
 }
-/* line 5765, ../../../scss/_clix2017.scss */
+/* line 5789, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo p {
   color: inherit;
   margin: 0;
   display: inline-block;
 }
-/* line 5769, ../../../scss/_clix2017.scss */
+/* line 5793, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo p a {
   display: inline-block;
 }
-/* line 5775, ../../../scss/_clix2017.scss */
+/* line 5799, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo .footer-logo > img {
   height: 10px;
 }
 
-/* line 5785, ../../../scss/_clix2017.scss */
+/* line 5809, ../../../scss/_clix2017.scss */
 #overlay {
   /* we set all of the properties for are overlay */
   height: 116px;
@@ -5514,7 +5543,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-radius: 10px;
 }
 
-/* line 5805, ../../../scss/_clix2017.scss */
+/* line 5829, ../../../scss/_clix2017.scss */
 #mask {
   /* create are mask */
   position: fixed;
@@ -5528,13 +5557,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 5816, ../../../scss/_clix2017.scss */
+/* line 5840, ../../../scss/_clix2017.scss */
 #overlay:target, #overlay:target + #mask {
   display: block;
   opacity: 1;
 }
 
-/* line 5820, ../../../scss/_clix2017.scss */
+/* line 5844, ../../../scss/_clix2017.scss */
 .close {
   /* to make a nice looking pure CSS3 close button */
   display: block;
@@ -5556,7 +5585,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-radius: 38px;
 }
 
-/* line 5839, ../../../scss/_clix2017.scss */
+/* line 5863, ../../../scss/_clix2017.scss */
 #open-overlay {
   /* open the overlay */
   padding: 0px 0px;
@@ -5569,7 +5598,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   -o-border-radius: 10px;
 }
 
-/* line 5850, ../../../scss/_clix2017.scss */
+/* line 5874, ../../../scss/_clix2017.scss */
 .enroll-btn {
   width: 90px;
   opacity: 1;
@@ -5585,44 +5614,44 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #4b4852;
 }
 
-/* line 5872, ../../../scss/_clix2017.scss */
+/* line 5896, ../../../scss/_clix2017.scss */
 .img-style-land {
   margin-top: 28px;
   margin-left: -56px;
 }
 
-/* line 5877, ../../../scss/_clix2017.scss */
+/* line 5901, ../../../scss/_clix2017.scss */
 .top-margin-translation {
   margin-top: 0px;
 }
 
-/* line 5881, ../../../scss/_clix2017.scss */
+/* line 5905, ../../../scss/_clix2017.scss */
 .activity-editor-header-top {
   margin-top: -50px;
 }
 
-/* line 5885, ../../../scss/_clix2017.scss */
+/* line 5909, ../../../scss/_clix2017.scss */
 .add-lesson-top-margin {
   margin-top: 5px;
 }
 
-/* line 5888, ../../../scss/_clix2017.scss */
+/* line 5912, ../../../scss/_clix2017.scss */
 .translation-detail-top-margin {
   margin-top: 0px;
 }
 
-/* line 5891, ../../../scss/_clix2017.scss */
+/* line 5915, ../../../scss/_clix2017.scss */
 .outer {
   width: 100%;
   text-align: center;
 }
 
-/* line 5896, ../../../scss/_clix2017.scss */
+/* line 5920, ../../../scss/_clix2017.scss */
 .inner {
   display: inline-block !important;
 }
 
-/* line 5901, ../../../scss/_clix2017.scss */
+/* line 5925, ../../../scss/_clix2017.scss */
 .transcript-toggler {
   display: block;
   width: 155px !important;
@@ -5638,7 +5667,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   text-transform: uppercase;
 }
 
-/* line 5918, ../../../scss/_clix2017.scss */
+/* line 5942, ../../../scss/_clix2017.scss */
 input.transcript-toggler {
   background-image: url(/static/ndf/images/Transcript.svg) no-repeat !important;
   background-color: transparent;
@@ -5659,33 +5688,33 @@ input.transcript-toggler {
   /* align the text vertically centered */
 }
 
-/* line 5931, ../../../scss/_clix2017.scss */
+/* line 5955, ../../../scss/_clix2017.scss */
 .double-buttons {
   margin-top: 100px;
   margin-left: 729px;
 }
 
-/* line 5936, ../../../scss/_clix2017.scss */
+/* line 5960, ../../../scss/_clix2017.scss */
 .lesson-form-name {
   padding-top: 10px;
 }
 
-/* line 5940, ../../../scss/_clix2017.scss */
+/* line 5964, ../../../scss/_clix2017.scss */
 .lesson-form-desc {
   padding-top: 25px;
 }
 
-/* line 5944, ../../../scss/_clix2017.scss */
+/* line 5968, ../../../scss/_clix2017.scss */
 .enroll_chkbox {
   transform: scale(1.5);
 }
 
-/* line 5947, ../../../scss/_clix2017.scss */
+/* line 5971, ../../../scss/_clix2017.scss */
 .enroll_all_users {
   width: 15% !important;
 }
 
-/* line 5951, ../../../scss/_clix2017.scss */
+/* line 5975, ../../../scss/_clix2017.scss */
 .enrollBtn {
   background: #a2238d;
   height: 50px;
@@ -5701,24 +5730,24 @@ input.transcript-toggler {
   letter-spacing: 0.4px;
 }
 
-/* line 5985, ../../../scss/_clix2017.scss */
+/* line 6009, ../../../scss/_clix2017.scss */
 .enroll-act_lbl {
   color: #0c2944;
 }
 
-/* line 5990, ../../../scss/_clix2017.scss */
+/* line 6014, ../../../scss/_clix2017.scss */
 .wrkspace {
   margin-right: 80px;
 }
 
-/* line 5994, ../../../scss/_clix2017.scss */
+/* line 6018, ../../../scss/_clix2017.scss */
 .status-btn {
   background-color: #fff;
   margin-right: auto;
   padding-bottom: 0px;
   text-transform: none;
 }
-/* line 5999, ../../../scss/_clix2017.scss */
+/* line 6023, ../../../scss/_clix2017.scss */
 .status-btn .disabled {
   background-color: #008cba;
   border-color: #007095;
@@ -5728,64 +5757,64 @@ input.transcript-toggler {
   box-shadow: none;
 }
 
-/* line 6009, ../../../scss/_clix2017.scss */
+/* line 6033, ../../../scss/_clix2017.scss */
 .margin-right-50 {
   margin-right: 50px;
 }
 
 /* responsive footer */
-/* line 6016, ../../../scss/_clix2017.scss */
+/* line 6040, ../../../scss/_clix2017.scss */
 .clearfix {
   clear: both;
 }
 
-/* line 6019, ../../../scss/_clix2017.scss */
+/* line 6043, ../../../scss/_clix2017.scss */
 .clr1 {
   background: #FFFFFF;
   color: #333743;
 }
 
-/* line 6020, ../../../scss/_clix2017.scss */
+/* line 6044, ../../../scss/_clix2017.scss */
 .clr2 {
   background: #F1F3F5;
   color: #8F94A3;
 }
 
-/* line 6021, ../../../scss/_clix2017.scss */
+/* line 6045, ../../../scss/_clix2017.scss */
 .clr3 {
   background: rgba(221, 221, 221, 0.18);
   color: #BDC3CF;
 }
 
-/* line 6022, ../../../scss/_clix2017.scss */
+/* line 6046, ../../../scss/_clix2017.scss */
 .clr4 {
   background: rgba(221, 221, 221, 0.18);
   color: #E3E7F2;
 }
 
-/* line 6023, ../../../scss/_clix2017.scss */
+/* line 6047, ../../../scss/_clix2017.scss */
 .clr5 {
   color: #F1F3F5;
 }
 
-/* line 6024, ../../../scss/_clix2017.scss */
+/* line 6048, ../../../scss/_clix2017.scss */
 .clr6 {
   color: #39B5A1;
 }
 
-/* line 6025, ../../../scss/_clix2017.scss */
+/* line 6049, ../../../scss/_clix2017.scss */
 .clr7 {
   color: #D45245;
 }
 
 /*##### Footer Structure #####*/
-/* line 6030, ../../../scss/_clix2017.scss */
+/* line 6054, ../../../scss/_clix2017.scss */
 .bo-wrap {
   clear: both;
   width: auto;
 }
 
-/* line 6034, ../../../scss/_clix2017.scss */
+/* line 6058, ../../../scss/_clix2017.scss */
 .bo-footer {
   clear: both;
   width: auto;
@@ -5794,24 +5823,24 @@ input.transcript-toggler {
   margin: 0 auto;
 }
 
-/* line 6042, ../../../scss/_clix2017.scss */
+/* line 6066, ../../../scss/_clix2017.scss */
 .bo-footer-social {
   text-align: left;
   line-height: 1px;
   padding: 10px 10px 10px 10px;
 }
-/* line 6047, ../../../scss/_clix2017.scss */
+/* line 6071, ../../../scss/_clix2017.scss */
 .bo-footer-social > a {
   color: #ce7869;
   word-spacing: 8px;
 }
-/* line 6050, ../../../scss/_clix2017.scss */
+/* line 6074, ../../../scss/_clix2017.scss */
 .bo-footer-social > a:hover {
   color: #ce7869;
   border-bottom: 3px solid #ffc14e;
 }
 
-/* line 6060, ../../../scss/_clix2017.scss */
+/* line 6084, ../../../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;
@@ -5819,13 +5848,13 @@ input.transcript-toggler {
   text-decoration: none !important;
   word-spacing: 3px;
 }
-/* line 6066, ../../../scss/_clix2017.scss */
+/* line 6090, ../../../scss/_clix2017.scss */
 .bo-footer-copyright > a:hover {
   color: #777;
   border-bottom: 3px solid #c90d97;
 }
 
-/* line 6073, ../../../scss/_clix2017.scss */
+/* line 6097, ../../../scss/_clix2017.scss */
 .bo-footer-smap {
   width: 600px;
   float: left;
@@ -5835,7 +5864,7 @@ input.transcript-toggler {
   word-spacing: 20px;
 }
 
-/* line 6082, ../../../scss/_clix2017.scss */
+/* line 6106, ../../../scss/_clix2017.scss */
 .bo-footer-uonline {
   width: 300px;
   /* Account for margins + border values */
@@ -5844,7 +5873,7 @@ input.transcript-toggler {
   text-align: center;
 }
 
-/* line 6089, ../../../scss/_clix2017.scss */
+/* line 6113, ../../../scss/_clix2017.scss */
 .bo-footer-power {
   width: 300px;
   padding: 5px 10px;
@@ -5858,19 +5887,19 @@ input.transcript-toggler {
 /*##### Footer Responsive #####*/
 /* for 980px or less */
 @media screen and (max-width: 980px) {
-  /* line 6105, ../../../scss/_clix2017.scss */
+  /* line 6129, ../../../scss/_clix2017.scss */
   .bo-footer {
     width: 95%;
     padding: 1% 2%;
   }
 
-  /* line 6109, ../../../scss/_clix2017.scss */
+  /* line 6133, ../../../scss/_clix2017.scss */
   .bo-footer-smap {
     width: 33%;
     padding: 1% 2%;
   }
 
-  /* line 6113, ../../../scss/_clix2017.scss */
+  /* line 6137, ../../../scss/_clix2017.scss */
   .bo-footer-uonline {
     width: 46%;
     padding: 1% 2%;
@@ -5878,7 +5907,7 @@ input.transcript-toggler {
     text-align: right;
   }
 
-  /* line 6120, ../../../scss/_clix2017.scss */
+  /* line 6144, ../../../scss/_clix2017.scss */
   .bo-footer-power {
     clear: both;
     padding: 1% 2%;
@@ -5889,21 +5918,21 @@ input.transcript-toggler {
 }
 /* for 700px or less */
 @media screen and (max-width: 600px) {
-  /* line 6131, ../../../scss/_clix2017.scss */
+  /* line 6155, ../../../scss/_clix2017.scss */
   .bo-footer-smap {
     width: auto;
     float: none;
     text-align: center;
   }
 
-  /* line 6137, ../../../scss/_clix2017.scss */
+  /* line 6161, ../../../scss/_clix2017.scss */
   .bo-footer-uonline {
     width: auto;
     float: none;
     text-align: center;
   }
 
-  /* line 6143, ../../../scss/_clix2017.scss */
+  /* line 6167, ../../../scss/_clix2017.scss */
   .bo-footer-power {
     width: auto;
     float: none;
@@ -5911,36 +5940,36 @@ input.transcript-toggler {
   }
 }
 /* for 480px or less */
-/* line 6157, ../../../scss/_clix2017.scss */
+/* line 6181, ../../../scss/_clix2017.scss */
 .color-btn {
   background-color: #720f5e;
   width: 77px;
   margin-left: 17px;
 }
-/* line 6161, ../../../scss/_clix2017.scss */
+/* line 6185, ../../../scss/_clix2017.scss */
 .color-btn:hover {
   color: #720f5e;
   background-color: #ffffff;
 }
 
-/* line 6167, ../../../scss/_clix2017.scss */
+/* line 6191, ../../../scss/_clix2017.scss */
 .mid_label {
   margin-top: 15px;
   font-size: 15px;
 }
 
-/* line 6172, ../../../scss/_clix2017.scss */
+/* line 6196, ../../../scss/_clix2017.scss */
 .compulsory {
   color: red;
   font-size: smaller;
 }
 
-/* line 6177, ../../../scss/_clix2017.scss */
+/* line 6201, ../../../scss/_clix2017.scss */
 .select-drop {
   height: auto;
 }
 
-/* line 6181, ../../../scss/_clix2017.scss */
+/* line 6205, ../../../scss/_clix2017.scss */
 .template-select {
   border: 1px solid #cccccc;
   border-radius: 5px;
@@ -5949,41 +5978,41 @@ input.transcript-toggler {
   font-size: 14px;
 }
 
-/* line 6189, ../../../scss/_clix2017.scss */
+/* line 6213, ../../../scss/_clix2017.scss */
 .white-text {
   color: white;
 }
 
-/* line 6194, ../../../scss/_clix2017.scss */
+/* line 6218, ../../../scss/_clix2017.scss */
 .quiz-player .quiz_qtn {
   margin-left: 20px !important;
   font-size: 20px;
 }
-/* line 6198, ../../../scss/_clix2017.scss */
+/* line 6222, ../../../scss/_clix2017.scss */
 .quiz-player .question_edit {
   margin-left: 20px !important;
 }
-/* line 6202, ../../../scss/_clix2017.scss */
+/* line 6226, ../../../scss/_clix2017.scss */
 .quiz-player input[type=checkbox], .quiz-player input[type=radio] {
   margin-right: 10px;
   width: 15px;
   height: 15px;
 }
-/* line 6208, ../../../scss/_clix2017.scss */
+/* line 6232, ../../../scss/_clix2017.scss */
 .quiz-player .chk_ans_lbl, .quiz-player .rad_ans_lbl {
   font-size: 22px;
   margin-left: 5px;
 }
-/* line 6213, ../../../scss/_clix2017.scss */
+/* line 6237, ../../../scss/_clix2017.scss */
 .quiz-player .fi-check {
   color: green;
 }
-/* line 6217, ../../../scss/_clix2017.scss */
+/* line 6241, ../../../scss/_clix2017.scss */
 .quiz-player .fi-x {
   color: red;
 }
 
-/* line 6222, ../../../scss/_clix2017.scss */
+/* line 6246, ../../../scss/_clix2017.scss */
 .hyperlink-tag {
   cursor: pointer;
   cursor: pointer;
@@ -5996,7 +6025,7 @@ input.transcript-toggler {
   color: #164A7B;
 }
 
-/* line 6234, ../../../scss/_clix2017.scss */
+/* line 6258, ../../../scss/_clix2017.scss */
 .scard {
   background: #FFF;
   border: 1px solid #AAA;
@@ -6008,12 +6037,12 @@ input.transcript-toggler {
   height: 9rem;
   /*float:left;*/
 }
-/* line 6243, ../../../scss/_clix2017.scss */
+/* line 6267, ../../../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 6249, ../../../scss/_clix2017.scss */
+/* line 6273, ../../../scss/_clix2017.scss */
 .scard .scard_header {
   text-align: center;
   position: fixed;
@@ -6031,7 +6060,7 @@ input.transcript-toggler {
   font-weight: bold;
 }
 
-/* line 6266, ../../../scss/_clix2017.scss */
+/* line 6290, ../../../scss/_clix2017.scss */
 .scard-content {
   height: 2.7em;
   padding: 0.5rem;
@@ -6044,7 +6073,7 @@ input.transcript-toggler {
   /*height: 8.25rem;*/
   background-color: #3e3e3e;
 }
-/* line 6277, ../../../scss/_clix2017.scss */
+/* line 6301, ../../../scss/_clix2017.scss */
 .scard-content .scard-title {
   font-size: 0.8em;
   margin-top: -1em;
@@ -6054,7 +6083,7 @@ input.transcript-toggler {
   text-align: center;
 }
 
-/* line 6290, ../../../scss/_clix2017.scss */
+/* line 6314, ../../../scss/_clix2017.scss */
 .scard-action {
   height: height;
   font-size: 0.6em;
@@ -6068,7 +6097,7 @@ input.transcript-toggler {
   background-color: #CCCCCC;
 }
 
-/* line 6305, ../../../scss/_clix2017.scss */
+/* line 6329, ../../../scss/_clix2017.scss */
 .scard-desc {
   font-size: 0.7em;
   color: #333333;
@@ -6084,7 +6113,7 @@ input.transcript-toggler {
   display-inline: block;
 }
 
-/* line 6322, ../../../scss/_clix2017.scss */
+/* line 6346, ../../../scss/_clix2017.scss */
 .scard-image {
   padding: 0px;
   margin: 0px;
@@ -6095,7 +6124,7 @@ input.transcript-toggler {
   overflow: hidden;
   background-color: #f2f2f2;
 }
-/* line 6331, ../../../scss/_clix2017.scss */
+/* line 6355, ../../../scss/_clix2017.scss */
 .scard-image img {
   border-radius: 2px 2px 0 0;
   display: block;
@@ -6104,18 +6133,18 @@ input.transcript-toggler {
   height: 100%;
 }
 
-/* line 6343, ../../../scss/_clix2017.scss */
+/* line 6367, ../../../scss/_clix2017.scss */
 .published.scard-action {
   background: #A6D9CB;
 }
 
-/* line 6347, ../../../scss/_clix2017.scss */
+/* line 6371, ../../../scss/_clix2017.scss */
 .draft.scard-action {
   content: "Draft";
   background: #DCDCDC;
 }
 
-/* line 6353, ../../../scss/_clix2017.scss */
+/* line 6377, ../../../scss/_clix2017.scss */
 .scard_footer {
   border-top: 1px solid rgba(160, 160, 160, 0.2);
   padding: 0.25rem 0.5rem;
@@ -6124,78 +6153,83 @@ input.transcript-toggler {
   height: 2rem;
 }
 
-/* line 6361, ../../../scss/_clix2017.scss */
+/* line 6385, ../../../scss/_clix2017.scss */
 .auto_width {
   width: auto !important;
 }
 
-/* line 6365, ../../../scss/_clix2017.scss */
+/* line 6389, ../../../scss/_clix2017.scss */
 .explore-settings-drop {
   margin-left: 59%;
   display: inline-block;
 }
-/* line 6368, ../../../scss/_clix2017.scss */
+/* line 6392, ../../../scss/_clix2017.scss */
 .explore-settings-drop > button {
-  color: #164a7b;
+  color: #6f0859;
   font-weight: 400;
   cursor: pointer;
-  background-color: #ddeff9;
-  border: 2px solid #719dc8;
+  background-color: #FFFFFF;
+  border: 2px solid #6f0859;
   border-radius: 5px !important;
   display: inline-block;
   padding: 3px 8px 4px 8px;
   margin-top: 10px;
   margin-left: 20px;
 }
-/* line 6379, ../../../scss/_clix2017.scss */
+/* line 6403, ../../../scss/_clix2017.scss */
 .explore-settings-drop > button:hover {
   border-radius: 10px;
-  background-color: #ddeff9;
-  color: #164a7b;
+  background-color: #6f0859;
+  color: #ffffff;
 }
-/* line 6385, ../../../scss/_clix2017.scss */
+/* line 6409, ../../../scss/_clix2017.scss */
 .explore-settings-drop a {
   font-size: 16px;
 }
-/* line 6388, ../../../scss/_clix2017.scss */
+/* line 6412, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li {
   font-size: 0.875rem;
   cursor: pointer;
   line-height: 1.125rem;
   margin: 0;
-  background-color: #164A7B;
+  background-color: #6f0859;
 }
-/* line 6396, ../../../scss/_clix2017.scss */
+/* line 6420, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li a {
-  color: #74b3dc;
+  color: white;
+}
+/* line 6422, ../../../scss/_clix2017.scss */
+.explore-settings-drop .f-dropdown li a:hover {
+  color: #6f0859;
 }
-/* line 6400, ../../../scss/_clix2017.scss */
+/* line 6427, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li:hover {
   border-left: 4px solid #ffc14e;
+  background-color: white;
 }
 
-/* line 6407, ../../../scss/_clix2017.scss */
+/* line 6436, ../../../scss/_clix2017.scss */
 .attempts_count {
   color: #000000 !important;
 }
 
-/* line 6413, ../../../scss/_clix2017.scss */
+/* line 6442, ../../../scss/_clix2017.scss */
 #course-settings-drop li a {
   text-align: left;
 }
 
-/* line 6421, ../../../scss/_clix2017.scss */
+/* line 6450, ../../../scss/_clix2017.scss */
 #asset-settings-drop li a {
   text-align: left;
 }
 
-/* line 6428, ../../../scss/_clix2017.scss */
+/* line 6457, ../../../scss/_clix2017.scss */
 .button-bg {
   background-color: #74b3dc;
 }
 
 /* Tools page css listing*/
-/* line 6435, ../../../scss/_clix2017.scss */
+/* line 6464, ../../../scss/_clix2017.scss */
 .polaroid {
   width: 330px;
   background-color: white;
@@ -6209,7 +6243,7 @@ input.transcript-toggler {
   cursor: pointer;
 }
 
-/* line 6448, ../../../scss/_clix2017.scss */
+/* line 6477, ../../../scss/_clix2017.scss */
 .polaroid:hover img {
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
@@ -6218,26 +6252,26 @@ input.transcript-toggler {
   transform: scale(1.05);
 }
 
-/* line 6457, ../../../scss/_clix2017.scss */
+/* line 6486, ../../../scss/_clix2017.scss */
 .container {
   text-align: center;
   padding: 10px 20px;
   border-top: 5px solid #164a7b;
   margin-top: 0px;
 }
-/* line 6463, ../../../scss/_clix2017.scss */
+/* line 6492, ../../../scss/_clix2017.scss */
 .container > p {
   color: black;
   font-size: 16px;
   font-weight: 500;
 }
 
-/* line 6472, ../../../scss/_clix2017.scss */
+/* line 6501, ../../../scss/_clix2017.scss */
 .tool-bg {
   background-color: rgba(87, 198, 250, 0.07);
 }
 
-/* line 6475, ../../../scss/_clix2017.scss */
+/* line 6504, ../../../scss/_clix2017.scss */
 .purple-btn {
   width: inherit;
   text-transform: uppercase;
@@ -6248,7 +6282,7 @@ input.transcript-toggler {
   border: 2px solid #6a0054;
 }
 
-/* line 6485, ../../../scss/_clix2017.scss */
+/* line 6514, ../../../scss/_clix2017.scss */
 .disable-purple-btn {
   width: inherit;
   text-transform: uppercase !important;
@@ -6259,27 +6293,27 @@ input.transcript-toggler {
   border: 2px solid #4b4852;
 }
 
-/* line 6495, ../../../scss/_clix2017.scss */
+/* line 6524, ../../../scss/_clix2017.scss */
 .user-analytics-data {
   margin: 42px 37px 37px 37px;
   border: 2px solid #aaaaaa;
 }
-/* line 6498, ../../../scss/_clix2017.scss */
+/* line 6527, ../../../scss/_clix2017.scss */
 .user-analytics-data .close-reveal-modal {
   font-size: 20px;
 }
 
-/* line 6502, ../../../scss/_clix2017.scss */
+/* line 6531, ../../../scss/_clix2017.scss */
 .left-space {
   margin-left: 0.5em;
 }
 
-/* line 6510, ../../../scss/_clix2017.scss */
+/* line 6539, ../../../scss/_clix2017.scss */
 .top-right-menu {
   margin-right: 80px !important;
 }
 
-/* line 6517, ../../../scss/_clix2017.scss */
+/* line 6546, ../../../scss/_clix2017.scss */
 .button-cancel-new {
   height: 2rem;
   padding: 0 2rem;
@@ -6297,12 +6331,12 @@ input.transcript-toggler {
   transition: all .1s ease;
   margin-right: 1px;
 }
-/* line 6533, ../../../scss/_clix2017.scss */
+/* line 6562, ../../../scss/_clix2017.scss */
 .button-cancel-new:hover {
   background-color: #fff;
   color: #333333;
 }
-/* line 6538, ../../../scss/_clix2017.scss */
+/* line 6567, ../../../scss/_clix2017.scss */
 .button-cancel-new > a {
   font-family: open_sansbold,sans-serif;
   font-size: 1.2rem;
@@ -6314,13 +6348,13 @@ input.transcript-toggler {
   transition: all .1s ease;
   margin-right: 1px;
 }
-/* line 6548, ../../../scss/_clix2017.scss */
+/* line 6577, ../../../scss/_clix2017.scss */
 .button-cancel-new > a:hover {
   background-color: #fff;
   color: #333333;
 }
 
-/* line 6556, ../../../scss/_clix2017.scss */
+/* line 6585, ../../../scss/_clix2017.scss */
 .button-save-new {
   height: 2rem;
   padding: 0 2rem;
@@ -6337,7 +6371,7 @@ input.transcript-toggler {
   color: #fff;
   transition: all .1s ease;
 }
-/* line 6571, ../../../scss/_clix2017.scss */
+/* line 6600, ../../../scss/_clix2017.scss */
 .button-save-new: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 fa11457dca..af3dff1d5d 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
@@ -394,9 +394,10 @@ h5{
 
 .top-bar-second, .top-bar-second .name {
     height: 55px;
-    background:#ddeff9;
+    background:#FFFFFF;
     color: #719dc9;
     margin-bottom:30px;
+    border-bottom:2px solid #d5d5d5;
 
 }
 
@@ -598,10 +599,14 @@ h5{
                     &>a {
                         //border-left-color: $secondary-orange;
                         //color: $primary-orange;
-                        color:#fff;
+                        color:#6f0859;
+                        background-color: white;
                         //color: $header-link-hover-color;
 
                     }
+
+                        color:#6f0859;
+                        background-color: white;
                 
                 }
 
@@ -629,11 +634,18 @@ h5{
 
                 &.active{
                     color:#fff;
-                    
+                    &:hover{
+                        color:#6f0859;
+                        background-color: white;
+                    }
                 }
                 &.active {
                     &>a {
                         color: #fff;
+                        &:hover{
+                        color:#6f0859;
+                        background-color: white;
+                        }
                         
                     }
                 }
@@ -673,7 +685,13 @@ h5{
                     font-family: OpenSans-Bold;
                     margin-top: -3px;
                     border-bottom: 3px solid $secondary-orange;
+                    &:hover{
+                        &:hover{
+                        color:#6f0859;
+                        background-color: white;
+                        }
                     }
+                }
             }
             li {
                 &:not(.has-form) {
@@ -1505,23 +1523,29 @@ input[type="button"] {
 
 /*  Buttons custom css */
 .secondary-header-tabs{
-   color: #719dc7;
+   color: #6f0859;
     font-weight: 400;
     padding: 14px 10px 3px 10px;
     cursor: pointer;
     transition: color 1s ease, border-color 1s ease;
     -webkit-transition: color 1s ease, border-color 1s ease;
     display: inline-block;
+    padding-bottom: 14px;
 
     &:hover{
-        color: $primary-blue;
+        color: white;
+        background-color: #6f0859;
 
     }
     &.active{
-        color: $primary-blue;
-        border-bottom: 2px solid $primary-blue;
+        color: #6f0859;
+        border-bottom: 2px solid $secondary-orange;
         padding-bottom: 14px;
         font-weight: 600;
+        &:hover{
+            color: white;
+            background-color: #6f0859;
+        }
 
     }
 }
@@ -5236,7 +5260,7 @@ $module-card-lines-to-show: 3;
     
 }
 
-$nav_menu_1_color: #164a7b;
+$nav_menu_1_color: #6f0859;
 $nav_menu_1_bg_color: #fff;
 $nav_menu_1_tab_border: #a2238d;
 ul.nav_menu_1 {
@@ -6366,11 +6390,11 @@ input.transcript-toggler{
     margin-left: 59%;
     display: inline-block;
     &> button {
-    color: #164a7b;
+    color: #6f0859;
     font-weight: 400;
     cursor: pointer;
-    background-color: #ddeff9;
-    border: 2px solid #719dc8;
+    background-color: #FFFFFF;
+    border: 2px solid #6f0859;
     border-radius: 5px !important;
     display: inline-block;
     padding: 3px 8px 4px 8px;
@@ -6378,8 +6402,8 @@ input.transcript-toggler{
     margin-left: 20px;
         &:hover{
             border-radius: 10px;
-            background-color: #ddeff9;
-            color: #164a7b;
+            background-color: #6f0859;
+            color: #ffffff;
         }
     }
     a{
@@ -6391,14 +6415,19 @@ input.transcript-toggler{
         cursor: pointer;
         line-height: 1.125rem;
         margin: 0;
-        background-color: $primary-blue;
+        background-color: #6f0859;
 
             a{
-                color: $secondry-blue;
+                color: white;
+                &:hover{
+                    color: #6f0859;
+                }
             }
 
             &:hover{
                 border-left: 4px solid $secondary-orange;
+                background-color:white;
+
             }
 
     }
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms.html
index 66585c02b0..b23e105201 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms.html
@@ -46,7 +46,7 @@
     <li>
       <a href="{% url 'course_content' group_id %}" {% if title == 'course content' or title == 'unit_authoring' %}class="selected"{% endif %} tabindex="2" title="List of all the lessons"><i class="fi-list-thumbnails"></i> 
       {% if not group_object.project_config.tab_name %}{% trans "Lessons" %}{% else %}{{group_object.project_config.tab_name}} {% endif %}</a>
-      {% if is_gstaff %}<a href="{% url 'unit_detail' groupid %}" title="Edit Structure" style="background-color:#164a7b; border-radius:4px; margin-left:-13px; width:0px;"><i class="fa fa-pencil" style="margin-left:-7px; color:white;"></i>{% endif %}</a>
+      {% if is_gstaff %}<a href="{% url 'unit_detail' groupid %}" title="Edit Structure" style="background-color:#6f0859; border-radius:4px; margin-left:-13px; width:0px;"><i class="fa fa-pencil" style="margin-left:-7px; color:white;"></i>{% endif %}</a>
      </li>
     {% if 'Group' not in group_object_member_of_names_list  or  'base_unit'  in group_object_member_of_names_list  %}
     <li>  <a href="{% url 'course_raw_material' group_id %}" {% if title == 'raw material' or title == "raw_material_detail"  %}class="selected"{% endif %} tabindex="3" title="Contains useful files such as images, audios, videos etc."><i class="fi-folder "></i> {% trans "Resources" %}</a> </li>

From d86c810347145eb20156d4b67e6e4cd093063279 Mon Sep 17 00:00:00 2001
From: Prachirb <prachibhatia24@yahoo.com>
Date: Mon, 26 Feb 2018 18:36:41 +0530
Subject: [PATCH 04/27] All buttons made of same color and on hover the color
 and background color reverts

---
 .../static/ndf/css/themes/clix/clix2017.css   | 26 +++++++++----------
 .../ndf/static/ndf/scss/_clix2017.scss        | 26 +++++++++----------
 2 files changed, 26 insertions(+), 26 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 3ac7c215f4..fdf7c49817 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
@@ -1460,10 +1460,10 @@ input[type="button"] {
 
 /* line 1571, ../../../scss/_clix2017.scss */
 .orange-button {
-  color: #ce7869;
+  color: #6f0859;
   padding: 7px 14px;
   background: #fff;
-  border: 1px solid #ce7869;
+  border: 1px solid #6f0859;
   font-size: 12px;
   font-family: "OpenSans-Regular", serif;
   border-radius: 5px !important;
@@ -1474,8 +1474,8 @@ input[type="button"] {
 }
 /* line 1583, ../../../scss/_clix2017.scss */
 .orange-button:hover {
-  background-color: rgba(206, 120, 105, 0.2);
-  color: #ce7869;
+  background-color: #6f0859;
+  color: white;
 }
 
 /* line 1589, ../../../scss/_clix2017.scss */
@@ -1498,10 +1498,10 @@ input[type="button"] {
 
 /* line 1605, ../../../scss/_clix2017.scss */
 .orange-button-template {
-  color: #ce7869;
+  color: #6f0859;
   padding: 7px 14px;
-  background: #fff;
-  border: 1px solid #ce7869;
+  background: white;
+  border: 1px solid #6f0859;
   font-size: 12px;
   font-family: "OpenSans-Regular", serif;
   border-radius: 4px;
@@ -1511,8 +1511,8 @@ input[type="button"] {
 }
 /* line 1616, ../../../scss/_clix2017.scss */
 .orange-button-template:hover {
-  background-color: rgba(206, 120, 105, 0.2);
-  color: #ce7869;
+  background-color: #6f0859;
+  color: white;
 }
 
 /* line 1624, ../../../scss/_clix2017.scss */
@@ -3443,10 +3443,10 @@ ul.jqtree-tree .jqtree-toggler:hover {
 }
 /* line 3645, ../../../scss/_clix2017.scss */
 .asset-tags-container #add-tag-btn {
-  color: #ce7869;
+  color: #6f0859;
   padding: 7px 14px;
   background: #fff;
-  border: 1px solid #ce7869;
+  border: 1px solid #6f0859;
   font-size: 12px;
   font-family: "OpenSans-Regular", serif;
   border-radius: 5px !important;
@@ -3458,8 +3458,8 @@ ul.jqtree-tree .jqtree-toggler:hover {
 }
 /* line 3658, ../../../scss/_clix2017.scss */
 .asset-tags-container #add-tag-btn:hover {
-  background-color: rgba(206, 120, 105, 0.2);
-  color: #ce7869;
+  background-color: #6f0859;
+  color: white;
 }
 
 /* line 3666, ../../../scss/_clix2017.scss */
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 af3dff1d5d..a95deb1ac3 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
@@ -1569,10 +1569,10 @@ input[type="button"] {
 }
 
 .orange-button {
-    color: $primary-orange;
+    color: #6f0859;
     padding: 7px 14px;
     background:#fff ;
-    border: 1px solid #ce7869;
+    border: 1px solid #6f0859;
     font-size: 12px;
     font-family: "OpenSans-Regular", serif;
     border-radius: 5px !important;
@@ -1581,8 +1581,8 @@ input[type="button"] {
     margin-top: 8px;
     cursor: pointer;
     &:hover{
-        background-color:rgba(206,120,105,0.2);
-        color: $primary-orange;
+        background-color:#6f0859;
+        color: white;
     }
 }
 
@@ -1603,10 +1603,10 @@ input[type="button"] {
 }
 
 .orange-button-template{
-    color: $primary-orange;
+    color: #6f0859;
     padding: 7px 14px;
-    background:#fff ;
-    border: 1px solid #ce7869;
+    background:white ;
+    border: 1px solid #6f0859;
     font-size: 12px;
     font-family: "OpenSans-Regular", serif;
     border-radius: 4px;
@@ -1614,8 +1614,8 @@ input[type="button"] {
     margin-bottom: 8px;
     margin-top: 10px;
     &:hover{
-        background-color:rgba(206,120,105,0.2);
-        color: $primary-orange;
+        background-color:#6f0859;
+        color: white;
     }
 }
 
@@ -3643,10 +3643,10 @@ ul.jqtree-tree .jqtree-toggler {
 
     }
     #add-tag-btn{
-        color: $primary-orange;
+        color: #6f0859;
         padding: 7px 14px;
         background:#fff ;
-        border: 1px solid #ce7869;
+        border: 1px solid #6f0859;
         font-size: 12px;
         font-family: "OpenSans-Regular", serif;
         border-radius: 5px !important;
@@ -3656,8 +3656,8 @@ ul.jqtree-tree .jqtree-toggler {
         cursor: pointer;
         display: inline-block;
         &:hover{
-            background-color:rgba(206,120,105,0.2);
-            color: $primary-orange;
+            background-color:#6f0859;
+            color: white;
         }
 
     }

From cadd60f05cf28d7a2a9027c077c9150b4d59211b Mon Sep 17 00:00:00 2001
From: Prachirb <prachibhatia24@yahoo.com>
Date: Mon, 26 Feb 2018 18:44:15 +0530
Subject: [PATCH 05/27] Buddy Bar dynamic height

---
 .../gnowsys_ndf/ndf/static/ndf/css/themes/clix/clix2017.css     | 2 +-
 gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss      | 2 +-
 2 files changed, 2 insertions(+), 2 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 fdf7c49817..9d1e881085 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
@@ -3737,7 +3737,7 @@ Buddy Vertical Bar Css
   right: 0px;
   top: 0px;
   width: 70px;
-  height: 100vh;
+  height: auto;
   padding: 10px;
   background-color: rgba(16, 29, 41, 0.64);
   overflow-y: auto;
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 a95deb1ac3..bd384bbb67 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
@@ -3991,7 +3991,7 @@ $bp_background_color: #101d29;
     right: 0px;
     top: 0px;
     width: 70px;
-    height: 100vh;
+    height: auto;
     padding: 10px;
     //background-color: $bp_background_color;
     background-color: rgba(16, 29, 41, 0.64);

From cc9b1a36ed70f7ed26f601b022259868d92dc2c8 Mon Sep 17 00:00:00 2001
From: Prachirb <prachibhatia24@yahoo.com>
Date: Tue, 27 Feb 2018 15:42:31 +0530
Subject: [PATCH 06/27] Collapsible left nav of activity player completed.

---
 .../static/ndf/css/themes/clix/clix2017.css   | 696 +++++++++---------
 .../ndf/static/ndf/scss/_clix2017.scss        | 188 +++--
 .../ndf/templates/ndf/activity_player.html    |  69 +-
 3 files changed, 525 insertions(+), 428 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 9d1e881085..01b4336d79 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
@@ -4014,34 +4014,56 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   display: inline-block;
   vertical-align: top;
 }
-/* line 4284, ../../../scss/_clix2017.scss */
-.activity_sheet .course_editor .course_tree {
+/* line 4286, ../../../scss/_clix2017.scss */
+.activity_sheet .course_editor .colapse-container {
+  position: relative;
+  -webkit-transition: all .6s ease;
+  -webkit-box-align: stretch;
+  align-items: stretch;
+  overflow-x: hidden;
+  color: #fff;
+  font-weight: 300;
+}
+/* line 4295, ../../../scss/_clix2017.scss */
+.activity_sheet .course_editor .colapse-container .first-strip {
+  padding: 12px 16px 9px;
+  background-color: #333;
+  font-size: .75rem;
+  text-transform: uppercase;
+  cursor: pointer;
+}
+/* line 4301, ../../../scss/_clix2017.scss */
+.activity_sheet .course_editor .colapse-container .first-strip:hover {
+  border-bottom: 3px solid #333;
+}
+/* line 4309, ../../../scss/_clix2017.scss */
+.activity_sheet .course_editor .colapse-container .course_tree {
   transition: all 1s ease;
   -webkit-transition: all 1s ease;
   width: 100%;
   background-color: #fff;
   overflow-y: auto;
 }
-/* line 4293, ../../../scss/_clix2017.scss */
-.activity_sheet .course_editor .course_tree .course-lessons dd {
+/* line 4318, ../../../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 4297, ../../../scss/_clix2017.scss */
-.activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation {
+/* line 4322, ../../../scss/_clix2017.scss */
+.activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation {
   position: relative;
   padding-left: 0px;
 }
-/* line 4304, ../../../scss/_clix2017.scss */
-.activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation > a:before {
+/* line 4329, ../../../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 4313, ../../../scss/_clix2017.scss */
-.activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title {
+/* line 4338, ../../../scss/_clix2017.scss */
+.activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation a.entity-title {
   background: inherit;
   cursor: pointer;
   font-weight: 600;
@@ -4049,8 +4071,8 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   transition: color 1s ease;
   -webkit-transition: color 1s ease;
 }
-/* line 4320, ../../../scss/_clix2017.scss */
-.activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity {
+/* line 4345, ../../../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;
   letter-spacing: 0.5px;
@@ -4058,38 +4080,38 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   display: none;
 }
-/* line 4329, ../../../scss/_clix2017.scss */
-.activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity i {
+/* line 4354, ../../../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 4334, ../../../scss/_clix2017.scss */
-.activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity > .entity_actions {
+/* line 4359, ../../../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 4338, ../../../scss/_clix2017.scss */
-.activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity > .entity_actions li {
+/* line 4363, ../../../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;
   display: inline-block;
   margin: 0px 10px;
   cursor: pointer;
 }
-/* line 4348, ../../../scss/_clix2017.scss */
-.activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title:hover .edit_entity {
+/* line 4373, ../../../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 4354, ../../../scss/_clix2017.scss */
-.activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation.active > a:before {
+/* line 4379, ../../../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 4362, ../../../scss/_clix2017.scss */
-.activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation .course-activities {
+/* line 4387, ../../../scss/_clix2017.scss */
+.activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation .course-activities {
   margin: 0px;
 }
-/* line 4364, ../../../scss/_clix2017.scss */
-.activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation .course-activities > li {
+/* line 4389, ../../../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;
   padding: 10px 0px 10px 30px;
@@ -4097,19 +4119,19 @@ 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 4371, ../../../scss/_clix2017.scss */
-.activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation .course-activities > li > a {
+/* line 4396, ../../../scss/_clix2017.scss */
+.activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation .course-activities > li > a {
   color: #7ca0d0;
   width: 100%;
   display: block;
   transition: color 1s ease;
   -webkit-transition: color 1s ease;
 }
-/* line 4380, ../../../scss/_clix2017.scss */
-.activity_sheet .course_editor .course_tree .course-lessons dd.accordion-navigation .content {
+/* line 4405, ../../../scss/_clix2017.scss */
+.activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation .content {
   background: inherit;
 }
-/* line 4389, ../../../scss/_clix2017.scss */
+/* line 4415, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section {
   width: 0%;
   display: inline-block;
@@ -4121,48 +4143,48 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   overflow-y: auto;
   background: #fff;
 }
-/* line 4399, ../../../scss/_clix2017.scss */
+/* line 4425, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header {
   height: 100px;
   background-color: #e5f1f6;
   border-bottom: 1px solid #e6e6e7;
 }
-/* line 4404, ../../../scss/_clix2017.scss */
+/* line 4430, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header .header-left {
   padding: 29px 0px;
 }
-/* line 4407, ../../../scss/_clix2017.scss */
+/* line 4433, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header .header-left > span {
   color: #3c5264;
   font-weight: 600;
   margin-right: 10px;
 }
-/* line 4416, ../../../scss/_clix2017.scss */
+/* line 4442, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header .custom_dropdown {
   margin: 40px 35px 0px;
 }
-/* line 4421, ../../../scss/_clix2017.scss */
+/* line 4447, ../../../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 4425, ../../../scss/_clix2017.scss */
+/* line 4451, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions ul {
   margin: 0px;
 }
-/* line 4427, ../../../scss/_clix2017.scss */
+/* line 4453, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions ul li {
   list-style: none;
   display: inline-block;
 }
-/* line 4430, ../../../scss/_clix2017.scss */
+/* line 4456, ../../../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 4436, ../../../scss/_clix2017.scss */
+/* line 4462, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions ul li span {
   display: inline-block;
   letter-spacing: 0.5px;
@@ -4171,7 +4193,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   cursor: pointer;
 }
 
-/* line 4452, ../../../scss/_clix2017.scss */
+/* line 4478, ../../../scss/_clix2017.scss */
 .course_editor_section {
   background: #fff;
   min-height: 100vh;
@@ -4181,21 +4203,20 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px;
 }
 
-/* line 4462, ../../../scss/_clix2017.scss */
+/* line 4488, ../../../scss/_clix2017.scss */
 .lesson-title {
-  font-size: 18px;
-  padding-top: 10px;
-  padding-left: 10px;
+  font-size: 14px;
+  color: white;
 }
 
-/* line 4469, ../../../scss/_clix2017.scss */
+/* line 4496, ../../../scss/_clix2017.scss */
 .activity-title {
   font-size: 18px;
   padding-top: 10px;
   padding-left: 23px;
   margin: 0px;
 }
-/* line 4475, ../../../scss/_clix2017.scss */
+/* line 4502, ../../../scss/_clix2017.scss */
 .activity-title > li {
   list-style: none;
   border-top: 1px solid #e9e9e9;
@@ -4205,33 +4226,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 4484, ../../../scss/_clix2017.scss */
+/* line 4511, ../../../scss/_clix2017.scss */
 .activity-title > li.active {
-  background: rgba(116, 0, 255, 0.31);
+  background: rgba(111, 8, 89, 0.49);
+  font-weight: 600;
 }
-/* line 4488, ../../../scss/_clix2017.scss */
+/* line 4516, ../../../scss/_clix2017.scss */
 .activity-title > li > a {
   color: black;
 }
-/* line 4491, ../../../scss/_clix2017.scss */
+/* line 4519, ../../../scss/_clix2017.scss */
 .activity-title > li:hover {
   background: rgba(111, 8, 89, 0.24);
 }
 
-/* line 4501, ../../../scss/_clix2017.scss */
+/* line 4529, ../../../scss/_clix2017.scss */
 .activity_page_rendered {
   margin-left: 20px;
   max-width: 100%;
 }
 
 /* Rating css */
-/* line 4510, ../../../scss/_clix2017.scss */
+/* line 4538, ../../../scss/_clix2017.scss */
 .rating-bar {
   /* the hidden clearer */
   /* this is gross, I threw this in to override the starred
   buttons when hovering. */
 }
-/* line 4512, ../../../scss/_clix2017.scss */
+/* line 4540, ../../../scss/_clix2017.scss */
 .rating-bar > span {
   /* remove inline-block whitespace */
   font-size: 0;
@@ -4239,19 +4261,19 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   unicode-bidi: bidi-override;
   direction: rtl;
 }
-/* line 4520, ../../../scss/_clix2017.scss */
+/* line 4548, ../../../scss/_clix2017.scss */
 .rating-bar.unrated {
   /* If the user has not rated yet */
 }
-/* line 4522, ../../../scss/_clix2017.scss */
+/* line 4550, ../../../scss/_clix2017.scss */
 .rating-bar.unrated:checked ~ label:before {
   color: #ffc14e;
 }
-/* line 4528, ../../../scss/_clix2017.scss */
+/* line 4556, ../../../scss/_clix2017.scss */
 .rating-bar [type*="radio"] {
   display: none;
 }
-/* line 4530, ../../../scss/_clix2017.scss */
+/* line 4558, ../../../scss/_clix2017.scss */
 .rating-bar [type*="radio"] + label {
   /* only enough room for the star */
   display: inline-block;
@@ -4264,7 +4286,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 0;
   vertical-align: bottom;
 }
-/* line 4542, ../../../scss/_clix2017.scss */
+/* line 4570, ../../../scss/_clix2017.scss */
 .rating-bar [type*="radio"] + label:before {
   display: inline-block;
   text-indent: -9999px;
@@ -4272,32 +4294,32 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   /* WHITE STAR */
   color: #888;
 }
-/* line 4549, ../../../scss/_clix2017.scss */
+/* line 4577, ../../../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 4560, ../../../scss/_clix2017.scss */
+/* line 4588, ../../../scss/_clix2017.scss */
 .rating-bar .last[type*="radio"] + label {
   text-indent: -9999px;
   width: .5em;
   margin-left: -.5em;
 }
-/* line 4567, ../../../scss/_clix2017.scss */
+/* line 4595, ../../../scss/_clix2017.scss */
 .rating-bar .last[type*="radio"] + label:before {
   width: .5em;
   height: 1.4em;
 }
-/* line 4575, ../../../scss/_clix2017.scss */
+/* line 4603, ../../../scss/_clix2017.scss */
 .rating-bar:hover [type*="radio"] + label:before {
   content: '\2606';
   /* WHITE STAR */
   color: #888;
   text-shadow: none;
 }
-/* line 4580, ../../../scss/_clix2017.scss */
+/* line 4608, ../../../scss/_clix2017.scss */
 .rating-bar:hover [type*="radio"] + label:hover ~ label:before,
 .rating-bar:hover [type*="radio"] + label:hover:before {
   content: '\2605';
@@ -4309,7 +4331,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
  * Sass styles related to unit cards
  */
-/* line 4599, ../../../scss/_clix2017.scss */
+/* line 4627, ../../../scss/_clix2017.scss */
 .unit_card {
   width: 300px;
   color: #000;
@@ -4321,11 +4343,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   height: 210px;
 }
-/* line 4611, ../../../scss/_clix2017.scss */
+/* line 4639, ../../../scss/_clix2017.scss */
 .unit_card:hover {
   box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
 }
-/* line 4616, ../../../scss/_clix2017.scss */
+/* line 4644, ../../../scss/_clix2017.scss */
 .unit_card .unit_status {
   position: absolute;
   right: 0px;
@@ -4336,11 +4358,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-radius: 3px;
   letter-spacing: 0.6px;
 }
-/* line 4627, ../../../scss/_clix2017.scss */
+/* line 4655, ../../../scss/_clix2017.scss */
 .unit_card .unit_header {
   display: table;
 }
-/* line 4629, ../../../scss/_clix2017.scss */
+/* line 4657, ../../../scss/_clix2017.scss */
 .unit_card .unit_header .unit_banner {
   display: table-cell;
   border-radius: 5px;
@@ -4349,7 +4371,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-right: 10px;
   color: #333333;
 }
-/* line 4637, ../../../scss/_clix2017.scss */
+/* line 4665, ../../../scss/_clix2017.scss */
 .unit_card .unit_header .unit_title {
   display: table-cell;
   font-size: 20px;
@@ -4363,7 +4385,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   vertical-align: middle;
   color: #333333;
 }
-/* line 4651, ../../../scss/_clix2017.scss */
+/* line 4679, ../../../scss/_clix2017.scss */
 .unit_card .unit_desc {
   display: block;
   /* Fallback for non-webkit */
@@ -4380,16 +4402,16 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 10px 0px 20px;
   color: #333333;
 }
-/* line 4667, ../../../scss/_clix2017.scss */
+/* line 4695, ../../../scss/_clix2017.scss */
 .unit_card .unit_breif .unit_breif_row i {
   margin-right: 10px;
   color: #99aaba;
 }
-/* line 4673, ../../../scss/_clix2017.scss */
+/* line 4701, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions {
   padding: 5px 0px;
 }
-/* line 4678, ../../../scss/_clix2017.scss */
+/* line 4706, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .unit-card-enrol {
   background: #a2238d;
   height: 37px;
@@ -4402,11 +4424,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 4690, ../../../scss/_clix2017.scss */
+/* line 4718, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .unit-card-enrol:hover {
   box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.68);
 }
-/* line 4695, ../../../scss/_clix2017.scss */
+/* line 4723, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .unit-card-analytics {
   color: #a2238d;
   font-weight: 500;
@@ -4414,7 +4436,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   letter-spacing: 0.3px;
   border-bottom: 2px solid #a2238d;
 }
-/* line 4703, ../../../scss/_clix2017.scss */
+/* line 4731, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .unit-card-analytics-points {
   background: #ffffff;
   color: #a2238d;
@@ -4425,7 +4447,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   font-weight: bold;
   cursor: default;
 }
-/* line 4714, ../../../scss/_clix2017.scss */
+/* line 4742, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .view_unit {
   height: 37px;
   text-align: center;
@@ -4434,7 +4456,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 4722, ../../../scss/_clix2017.scss */
+/* line 4750, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .view_unit:hover {
   border-bottom: 2px solid #ffc14e;
 }
@@ -4442,7 +4464,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /*
    Common css
  */
-/* line 4733, ../../../scss/_clix2017.scss */
+/* line 4761, ../../../scss/_clix2017.scss */
 .text-button-blue {
   background-color: transparent;
   color: #00A9EE;
@@ -4455,54 +4477,54 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
     Status styles added for the unit styles.
  */
-/* line 4752, ../../../scss/_clix2017.scss */
+/* line 4780, ../../../scss/_clix2017.scss */
 .in-progress-status {
   color: #fff;
   background-color: #fd9e29;
 }
 
-/* line 4757, ../../../scss/_clix2017.scss */
+/* line 4785, ../../../scss/_clix2017.scss */
 .in-complete-status {
   color: #fff;
   background-color: #fd9e29;
 }
 
-/* line 4762, ../../../scss/_clix2017.scss */
+/* line 4790, ../../../scss/_clix2017.scss */
 .thumbnail_style {
   margin-top: -30px;
   margin-left: -30px;
 }
 
-/* line 4767, ../../../scss/_clix2017.scss */
+/* line 4795, ../../../scss/_clix2017.scss */
 .strip {
   height: 143px;
   margin-left: -13px;
   margin-bottom: 10px;
 }
 
-/* line 4773, ../../../scss/_clix2017.scss */
+/* line 4801, ../../../scss/_clix2017.scss */
 .title-strip {
   box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
   margin-top: -29px;
   padding-left: 10px;
 }
-/* line 4777, ../../../scss/_clix2017.scss */
+/* line 4805, ../../../scss/_clix2017.scss */
 .title-strip a {
   float: right;
   padding-right: 18px;
   text-transform: uppercase;
   color: #007095;
 }
-/* line 4787, ../../../scss/_clix2017.scss */
+/* line 4815, ../../../scss/_clix2017.scss */
 .title-strip .position-actions {
   margin-top: -60px;
   margin-left: 760px;
 }
-/* line 4792, ../../../scss/_clix2017.scss */
+/* line 4820, ../../../scss/_clix2017.scss */
 .title-strip .right-margin {
   margin-right: 46px;
 }
-/* line 4795, ../../../scss/_clix2017.scss */
+/* line 4823, ../../../scss/_clix2017.scss */
 .title-strip .course_actions > span {
   background: #fff;
   border: 1px solid rgba(255, 255, 255, 0.7);
@@ -4516,7 +4538,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 30px;
   z-index: 1;
 }
-/* line 4812, ../../../scss/_clix2017.scss */
+/* line 4840, ../../../scss/_clix2017.scss */
 .title-strip .course_actions > i {
   margin-right: 3px;
   background: rgba(0, 0, 0, 0.6);
@@ -4529,7 +4551,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-radius: 3px;
 }
 
-/* line 4826, ../../../scss/_clix2017.scss */
+/* line 4854, ../../../scss/_clix2017.scss */
 .dropdown-settings {
   text-align: left;
   text-transform: none;
@@ -4539,13 +4561,13 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   background: white;
   border-radius: 1px;
 }
-/* line 4834, ../../../scss/_clix2017.scss */
+/* line 4862, ../../../scss/_clix2017.scss */
 .dropdown-settings:hover {
   color: #ce7869;
   border-left: 2px solid #ffc14e;
 }
 
-/* line 4840, ../../../scss/_clix2017.scss */
+/* line 4868, ../../../scss/_clix2017.scss */
 .activity-slides-container {
   height: 100%;
   width: 80%;
@@ -4554,19 +4576,19 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   padding: 0em 0em 0em 0em;
   margin-bottom: 15px;
 }
-/* line 4849, ../../../scss/_clix2017.scss */
+/* line 4877, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides {
   height: 100%;
   color: #f8f8f8;
 }
-/* line 4854, ../../../scss/_clix2017.scss */
+/* line 4882, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide {
   padding: 1em;
   height: inherit;
   background: #fff;
   position: relative;
 }
-/* line 4860, ../../../scss/_clix2017.scss */
+/* line 4888, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide .view-related-content {
   border: 1px solid #999;
   display: inline-block;
@@ -4574,12 +4596,12 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #999999;
   margin-left: 12%;
 }
-/* line 4868, ../../../scss/_clix2017.scss */
+/* line 4896, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide .page > section {
   margin-left: 50%;
   transform: translate(-50%);
 }
-/* line 4874, ../../../scss/_clix2017.scss */
+/* line 4902, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .related-content-close {
   position: absolute;
   right: -2px;
@@ -4588,21 +4610,21 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   display: none;
   color: #8E8E8E;
 }
-/* line 4883, ../../../scss/_clix2017.scss */
+/* line 4911, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded > i {
   font-size: 20px !important;
   color: #ccc !important;
   top: 8px !important;
 }
-/* line 4888, ../../../scss/_clix2017.scss */
+/* line 4916, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header {
   margin-left: 20px !important;
 }
-/* line 4890, ../../../scss/_clix2017.scss */
+/* line 4918, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header > span:first-child {
   display: none !important;
 }
-/* line 4893, ../../../scss/_clix2017.scss */
+/* line 4921, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .back-to-activity {
   display: inline-block !important;
   float: right;
@@ -4613,24 +4635,24 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #757575;
   margin-right: 20px;
 }
-/* line 4903, ../../../scss/_clix2017.scss */
+/* line 4931, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title {
   font-size: 15px !important;
   position: relative;
 }
-/* line 4907, ../../../scss/_clix2017.scss */
+/* line 4935, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title .related-content-close {
   display: block;
 }
-/* line 4910, ../../../scss/_clix2017.scss */
+/* line 4938, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title > i {
   display: none !important;
 }
-/* line 4915, ../../../scss/_clix2017.scss */
+/* line 4943, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-body {
   display: block !important;
 }
-/* line 4919, ../../../scss/_clix2017.scss */
+/* line 4947, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content {
   width: 100%;
   margin: 0px auto;
@@ -4642,7 +4664,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   color: #222222;
 }
-/* line 4930, ../../../scss/_clix2017.scss */
+/* line 4958, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content > i {
   color: #fff;
   font-size: 40px;
@@ -4650,15 +4672,15 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   left: 8px;
   top: 4px;
 }
-/* line 4938, ../../../scss/_clix2017.scss */
+/* line 4966, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header {
   margin-left: 40px;
 }
-/* line 4940, ../../../scss/_clix2017.scss */
+/* line 4968, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header .back-to-activity {
   display: none;
 }
-/* line 4943, ../../../scss/_clix2017.scss */
+/* line 4971, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header span {
   display: block;
   vertical-align: top;
@@ -4668,13 +4690,13 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   letter-spacing: 0.8px;
   color: #999999;
 }
-/* line 4952, ../../../scss/_clix2017.scss */
+/* line 4980, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header .related-content-title {
   font-size: 20px;
   color: #000;
   cursor: pointer;
 }
-/* line 4958, ../../../scss/_clix2017.scss */
+/* line 4986, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-body {
   display: none;
 }
@@ -4682,7 +4704,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
  * Sass styles related to module cards
  */
-/* line 4973, ../../../scss/_clix2017.scss */
+/* line 5001, ../../../scss/_clix2017.scss */
 .module_card {
   display: table;
   height: 290px;
@@ -4693,16 +4715,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 4983, ../../../scss/_clix2017.scss */
+/* line 5011, ../../../scss/_clix2017.scss */
 .module_card:hover {
   box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.68);
 }
-/* line 4987, ../../../scss/_clix2017.scss */
+/* line 5015, ../../../scss/_clix2017.scss */
 .module_card > div {
   display: table-cell;
   height: 290px;
 }
-/* line 4992, ../../../scss/_clix2017.scss */
+/* line 5020, ../../../scss/_clix2017.scss */
 .module_card .card_banner {
   width: 250px;
   height: 290px;
@@ -4716,14 +4738,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 5005, ../../../scss/_clix2017.scss */
+/* line 5033, ../../../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 5010, ../../../scss/_clix2017.scss */
+/* line 5038, ../../../scss/_clix2017.scss */
 .module_card .card_banner > img:hover {
   -webkit-transform: scale(1.03);
   -moz-transform: scale(1.03);
@@ -4732,7 +4754,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   transform: scale(1.03);
   opacity: 0.8;
 }
-/* line 5022, ../../../scss/_clix2017.scss */
+/* line 5050, ../../../scss/_clix2017.scss */
 .module_card .card_banner > h4 {
   position: absolute;
   top: 100px;
@@ -4741,7 +4763,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 5037, ../../../scss/_clix2017.scss */
+/* line 5065, ../../../scss/_clix2017.scss */
 .module_card .card_title {
   display: block;
   width: 230px;
@@ -4751,27 +4773,27 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 0px auto;
   letter-spacing: 1px;
 }
-/* line 5048, ../../../scss/_clix2017.scss */
+/* line 5076, ../../../scss/_clix2017.scss */
 .module_card.animated_card .card_banner {
   border-radius: 8px;
 }
-/* line 5051, ../../../scss/_clix2017.scss */
+/* line 5079, ../../../scss/_clix2017.scss */
 .module_card.animated_card:hover .card_banner {
   border-radius: 8px 0px 0px 8px;
 }
-/* line 5056, ../../../scss/_clix2017.scss */
+/* line 5084, ../../../scss/_clix2017.scss */
 .module_card.animated_card.isOpen .card_banner {
   border-radius: 8px 0px 0px 8px;
 }
-/* line 5060, ../../../scss/_clix2017.scss */
+/* line 5088, ../../../scss/_clix2017.scss */
 .module_card.animated_card:hover .card_summary {
   left: 30px;
 }
-/* line 5063, ../../../scss/_clix2017.scss */
+/* line 5091, ../../../scss/_clix2017.scss */
 .module_card.animated_card .card_summary {
   left: 5px;
 }
-/* line 5067, ../../../scss/_clix2017.scss */
+/* line 5095, ../../../scss/_clix2017.scss */
 .module_card .card_summary {
   width: 290px;
   padding: 0px 15px;
@@ -4787,35 +4809,35 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   /* Safari */
   transition-property: left;
 }
-/* line 5081, ../../../scss/_clix2017.scss */
+/* line 5109, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_label {
   font-weight: 500;
   font-size: 12.5px;
   letter-spacing: 1px;
   color: black;
 }
-/* line 5087, ../../../scss/_clix2017.scss */
+/* line 5115, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section {
   margin: 5px 0px;
   padding: 5px 0px;
 }
-/* line 5091, ../../../scss/_clix2017.scss */
+/* line 5119, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section:not(:last-child) {
   border-bottom: 1px solid #ccc;
 }
-/* line 5094, ../../../scss/_clix2017.scss */
+/* line 5122, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section p {
   margin-bottom: 7px;
   font-size: 12.5px;
 }
-/* line 5098, ../../../scss/_clix2017.scss */
+/* line 5126, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .ellipsis {
   width: 245px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-/* line 5106, ../../../scss/_clix2017.scss */
+/* line 5134, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .module-card-enrol {
   background: #a2238d;
   height: 37px;
@@ -4829,11 +4851,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 5119, ../../../scss/_clix2017.scss */
+/* line 5147, ../../../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 5125, ../../../scss/_clix2017.scss */
+/* line 5153, ../../../scss/_clix2017.scss */
 .module_card .card_summary .module_brief {
   display: block;
   /* Fallback for non-webkit */
@@ -4850,14 +4872,14 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: black;
 }
 
-/* line 5149, ../../../scss/_clix2017.scss */
+/* line 5177, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner {
   width: 100%;
   height: 150px;
   background-size: 100% 100%;
   position: relative;
 }
-/* line 5157, ../../../scss/_clix2017.scss */
+/* line 5185, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner:before {
   content: ' ';
   background-color: rgba(0, 0, 0, 0.1);
@@ -4870,27 +4892,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 5170, ../../../scss/_clix2017.scss */
+/* line 5198, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner:before a {
   cursor: pointer;
 }
-/* line 5175, ../../../scss/_clix2017.scss */
+/* line 5203, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .div-height {
   height: 150px !important;
   background-size: 100% 100%;
   position: absolute !important;
 }
-/* line 5183, ../../../scss/_clix2017.scss */
+/* line 5211, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .enroll_unit > a {
   cursor: pointer;
 }
-/* line 5187, ../../../scss/_clix2017.scss */
+/* line 5215, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading {
   color: #fff;
   display: inline-block;
   vertical-align: top;
 }
-/* line 5193, ../../../scss/_clix2017.scss */
+/* line 5221, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading .unit_name {
   font-size: 36px;
   font-family: OpenSans-Semibold;
@@ -4901,17 +4923,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 5204, ../../../scss/_clix2017.scss */
+/* line 5232, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading .right-margin {
   margin-right: 46px;
 }
 
-/* line 5213, ../../../scss/_clix2017.scss */
+/* line 5241, ../../../scss/_clix2017.scss */
 .border-bottom-lms-header {
   border-bottom: 1px solid #00000029;
 }
 
-/* line 5218, ../../../scss/_clix2017.scss */
+/* line 5246, ../../../scss/_clix2017.scss */
 .lms_secondary_header {
   width: 100%;
   position: relative;
@@ -4919,11 +4941,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 5224, ../../../scss/_clix2017.scss */
+/* line 5252, ../../../scss/_clix2017.scss */
 .lms_secondary_header .course_actions {
   margin-top: 8px;
 }
-/* line 5227, ../../../scss/_clix2017.scss */
+/* line 5255, ../../../scss/_clix2017.scss */
 .lms_secondary_header .course_actions > span {
   background: #2e3f51;
   border: 1px solid rgba(255, 255, 255, 0.7);
@@ -4935,11 +4957,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 5241, ../../../scss/_clix2017.scss */
+  /* line 5269, ../../../scss/_clix2017.scss */
   .lms_secondary_header .course_actions .course_actions {
     margin-top: 8px;
   }
-  /* line 5244, ../../../scss/_clix2017.scss */
+  /* line 5272, ../../../scss/_clix2017.scss */
   .lms_secondary_header .course_actions .course_actions > span {
     margin-left: 50px;
     background: #2e3f51;
@@ -4953,18 +4975,18 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   }
 }
 
-/* line 5266, ../../../scss/_clix2017.scss */
+/* line 5294, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 {
   margin-bottom: 0px;
   background-color: #fff;
   display: inline;
   width: 50%;
 }
-/* line 5271, ../../../scss/_clix2017.scss */
+/* line 5299, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li {
   display: inline-block;
 }
-/* line 5274, ../../../scss/_clix2017.scss */
+/* line 5302, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a {
   list-style-type: none;
   display: inline-block;
@@ -4975,23 +4997,23 @@ ul.nav_menu_1 > li > a {
   letter-spacing: 0.8px;
   border-bottom: 3px solid transparent;
 }
-/* line 5285, ../../../scss/_clix2017.scss */
+/* line 5313, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-bottom: 3px solid #a2238d;
 }
 
-/* line 5293, ../../../scss/_clix2017.scss */
+/* line 5321, ../../../scss/_clix2017.scss */
 ul.authoring-tab {
   background-color: #6f0859;
   margin-bottom: 0px;
   display: inline;
   width: 50%;
 }
-/* line 5298, ../../../scss/_clix2017.scss */
+/* line 5326, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li {
   display: inline-block;
 }
-/* line 5301, ../../../scss/_clix2017.scss */
+/* line 5329, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li > a {
   list-style-type: none;
   margin-right: -4px;
@@ -5004,61 +5026,61 @@ ul.authoring-tab > li > a {
   border-bottom: 3px solid transparent;
   color: #ffffff !important;
 }
-/* line 5312, ../../../scss/_clix2017.scss */
+/* line 5340, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-bottom: 3px solid #a2238d;
 }
 
-/* line 5323, ../../../scss/_clix2017.scss */
+/* line 5351, ../../../scss/_clix2017.scss */
 .course-content {
   background: #fff;
   margin: 20px auto;
   padding: 20px 0px;
   margin-top: 0px;
 }
-/* line 5331, ../../../scss/_clix2017.scss */
+/* line 5359, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node.jqtree-selected .jqtree-element {
   background: #fff;
 }
-/* line 5334, ../../../scss/_clix2017.scss */
+/* line 5362, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node > div {
   height: 35px;
 }
-/* line 5336, ../../../scss/_clix2017.scss */
+/* line 5364, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node > div a {
   margin-right: 0.7em;
 }
-/* line 5343, ../../../scss/_clix2017.scss */
+/* line 5371, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name {
   padding-left: 20px;
 }
-/* line 5345, ../../../scss/_clix2017.scss */
+/* line 5373, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name:not(:last-child) {
   border-bottom: 1px solid #d2cfcf;
 }
-/* line 5350, ../../../scss/_clix2017.scss */
+/* line 5378, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name > div .jqtree-title {
   color: #3c5264;
   font-size: 19px;
   font-weight: 600;
 }
-/* line 5358, ../../../scss/_clix2017.scss */
+/* line 5386, ../../../scss/_clix2017.scss */
 .course-content .course-activity-group > div .jqtree-title {
   color: #74a0c0;
   font-size: 17px;
 }
-/* line 5364, ../../../scss/_clix2017.scss */
+/* line 5392, ../../../scss/_clix2017.scss */
 .course-content .course-activity-name > div .jqtree-title {
   color: #74a0c0;
   font-size: 17px;
 }
 
-/* line 5371, ../../../scss/_clix2017.scss */
+/* line 5399, ../../../scss/_clix2017.scss */
 .listing-row {
   margin-top: 10px !important;
 }
 
-/* line 5375, ../../../scss/_clix2017.scss */
+/* line 5403, ../../../scss/_clix2017.scss */
 .raw_material_asset {
   width: auto;
   top: -0.50em;
@@ -5075,7 +5097,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.3px;
 }
 
-/* line 5391, ../../../scss/_clix2017.scss */
+/* line 5419, ../../../scss/_clix2017.scss */
 .status-completed {
   width: auto;
   top: -1.15em;
@@ -5092,7 +5114,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5407, ../../../scss/_clix2017.scss */
+/* line 5435, ../../../scss/_clix2017.scss */
 .status-in-progress {
   width: auto;
   top: -1.15em;
@@ -5109,7 +5131,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5424, ../../../scss/_clix2017.scss */
+/* line 5452, ../../../scss/_clix2017.scss */
 .status-upcoming {
   width: auto;
   top: -1.15em;
@@ -5126,7 +5148,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5441, ../../../scss/_clix2017.scss */
+/* line 5469, ../../../scss/_clix2017.scss */
 .status-draft {
   width: auto;
   top: -1.15em;
@@ -5143,33 +5165,33 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5459, ../../../scss/_clix2017.scss */
+/* line 5487, ../../../scss/_clix2017.scss */
 .lesson-dropdown ul {
   display: none;
 }
 
-/* line 5463, ../../../scss/_clix2017.scss */
+/* line 5491, ../../../scss/_clix2017.scss */
 .lesson-dropdown:hover ul {
   display: block;
 }
 
-/* line 5467, ../../../scss/_clix2017.scss */
+/* line 5495, ../../../scss/_clix2017.scss */
 .lesson_name_in_export {
   list-style: none;
 }
-/* line 5469, ../../../scss/_clix2017.scss */
+/* line 5497, ../../../scss/_clix2017.scss */
 .lesson_name_in_export:hover {
   border-left: 2.5px solid #ce7869;
 }
 
-/* line 5474, ../../../scss/_clix2017.scss */
+/* line 5502, ../../../scss/_clix2017.scss */
 .buddy_margin {
   margin-right: 80px;
   font-family: OpenSans-Regular;
   margin-top: 6px;
 }
 
-/* line 5480, ../../../scss/_clix2017.scss */
+/* line 5508, ../../../scss/_clix2017.scss */
 .lms_explore_head {
   width: 100%;
   height: 45px;
@@ -5177,63 +5199,63 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #164A7B;
   margin-top: -30px;
 }
-/* line 5486, ../../../scss/_clix2017.scss */
+/* line 5514, ../../../scss/_clix2017.scss */
 .lms_explore_head > p {
   margin-left: 81px;
   padding: 12px 0px 0px 1px;
   font-family: OpenSans-Semibold;
   font-size: 20px;
 }
-/* line 5492, ../../../scss/_clix2017.scss */
+/* line 5520, ../../../scss/_clix2017.scss */
 .lms_explore_head > a {
   padding: 12px 85px 3px 0px;
 }
 
-/* line 5496, ../../../scss/_clix2017.scss */
+/* line 5524, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit {
   width: 100%;
   height: 50px;
   background-color: #fff;
   color: #164A7B;
 }
-/* line 5501, ../../../scss/_clix2017.scss */
+/* line 5529, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit > p {
   margin-left: 81px;
   padding: 0px 0px 0px 1px;
   font-family: OpenSans-Semibold;
   font-size: 20px;
 }
-/* line 5507, ../../../scss/_clix2017.scss */
+/* line 5535, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit > a {
   padding: 0px 85px 3px 0px;
 }
 
-/* line 5512, ../../../scss/_clix2017.scss */
+/* line 5540, ../../../scss/_clix2017.scss */
 .lms_explore_back {
   background-color: #fff;
 }
 
-/* line 5516, ../../../scss/_clix2017.scss */
+/* line 5544, ../../../scss/_clix2017.scss */
 .lms_explore_back_unit {
   background-color: #fff;
   margin-top: -23.3px;
 }
 
-/* line 5521, ../../../scss/_clix2017.scss */
+/* line 5549, ../../../scss/_clix2017.scss */
 .empty-dashboard-message {
   border: 3px solid #e4e4e4;
   background: #f8f8f8;
   padding: 40px 0;
   text-align: center;
 }
-/* line 5526, ../../../scss/_clix2017.scss */
+/* line 5554, ../../../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 5532, ../../../scss/_clix2017.scss */
+/* line 5560, ../../../scss/_clix2017.scss */
 .empty-dashboard-message > a {
   background-color: #164a7b;
   border: 1px solid #164a7b;
@@ -5247,7 +5269,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   margin-left: 5px;
   padding: 15px 20px;
 }
-/* line 5545, ../../../scss/_clix2017.scss */
+/* line 5573, ../../../scss/_clix2017.scss */
 .empty-dashboard-message .button-explore-courses {
   font-size: 20px;
   font-weight: normal;
@@ -5257,7 +5279,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   width: 170px;
 }
 
-/* line 5558, ../../../scss/_clix2017.scss */
+/* line 5586, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner {
   width: 100%;
   height: 200px;
@@ -5265,7 +5287,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-size: 100% 100%;
   position: relative;
 }
-/* line 5565, ../../../scss/_clix2017.scss */
+/* line 5593, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner:before {
   content: ' ';
   background-color: rgba(0, 0, 0, 0.1);
@@ -5279,13 +5301,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 5579, ../../../scss/_clix2017.scss */
+/* line 5607, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile {
   position: absolute;
   bottom: 30px;
   left: 40px;
 }
-/* line 5584, ../../../scss/_clix2017.scss */
+/* line 5612, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo {
   display: inline-block;
   margin-right: 10px;
@@ -5294,53 +5316,53 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   overflow: hidden;
   background-color: #fff;
 }
-/* line 5592, ../../../scss/_clix2017.scss */
+/* line 5620, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo svg {
   height: 100px;
   width: 100px;
 }
-/* line 5597, ../../../scss/_clix2017.scss */
+/* line 5625, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo svg path {
   fill: #7a422a;
 }
-/* line 5602, ../../../scss/_clix2017.scss */
+/* line 5630, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .banner_heading {
   color: #fff;
   display: inline-block;
   vertical-align: top;
 }
-/* line 5607, ../../../scss/_clix2017.scss */
+/* line 5635, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .banner_heading .buddy_name {
   font-size: 23px;
   display: block;
   margin-bottom: 10px;
 }
-/* line 5615, ../../../scss/_clix2017.scss */
+/* line 5643, ../../../scss/_clix2017.scss */
 .mydesk_page .page_menu {
   border-bottom: 1px solid #e5e5e5;
 }
-/* line 5619, ../../../scss/_clix2017.scss */
+/* line 5647, ../../../scss/_clix2017.scss */
 .mydesk_page .page_menu li > a {
   padding: 12px 20px 9px;
 }
 
-/* line 5629, ../../../scss/_clix2017.scss */
+/* line 5657, ../../../scss/_clix2017.scss */
 .input_links {
   margin-left: 10px;
 }
-/* line 5631, ../../../scss/_clix2017.scss */
+/* line 5659, ../../../scss/_clix2017.scss */
 .input_links a {
   margin-right: 35px;
   margin-top: 5px;
 }
 
-/* line 5637, ../../../scss/_clix2017.scss */
+/* line 5665, ../../../scss/_clix2017.scss */
 #course-notification
 #status {
   width: 100% !important;
 }
 
-/* line 5643, ../../../scss/_clix2017.scss */
+/* line 5671, ../../../scss/_clix2017.scss */
 .add-note-btn {
   padding: 3px 11px;
   border-radius: 100%;
@@ -5352,7 +5374,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #6153AE;
 }
 
-/* line 5654, ../../../scss/_clix2017.scss */
+/* line 5682, ../../../scss/_clix2017.scss */
 .bef-note-btn {
   padding: 3px 11px;
   border-radius: 100%;
@@ -5364,7 +5386,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #6153AE;
 }
 
-/* line 5665, ../../../scss/_clix2017.scss */
+/* line 5693, ../../../scss/_clix2017.scss */
 .edit-note-btn {
   float: right;
   border: 1px solid #CFCFCF;
@@ -5374,12 +5396,12 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #f7f7f7;
   width: 85px;
 }
-/* line 5673, ../../../scss/_clix2017.scss */
+/* line 5701, ../../../scss/_clix2017.scss */
 .edit-note-btn i {
   margin-right: 5px;
 }
 
-/* line 5677, ../../../scss/_clix2017.scss */
+/* line 5705, ../../../scss/_clix2017.scss */
 .delete-note-btn {
   float: right;
   border: 1px solid #CFCFCF;
@@ -5390,39 +5412,39 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #f7f7f7;
   width: 85px;
 }
-/* line 5686, ../../../scss/_clix2017.scss */
+/* line 5714, ../../../scss/_clix2017.scss */
 .delete-note-btn i {
   margin-right: 5px;
 }
 
-/* line 5691, ../../../scss/_clix2017.scss */
+/* line 5719, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-check {
   color: green;
 }
 
-/* line 5694, ../../../scss/_clix2017.scss */
+/* line 5722, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-check-circle-o {
   color: green;
 }
 
-/* line 5697, ../../../scss/_clix2017.scss */
+/* line 5725, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-clock-o {
   color: orange;
 }
 
-/* line 5700, ../../../scss/_clix2017.scss */
+/* line 5728, ../../../scss/_clix2017.scss */
 .course-status-icon {
   font-size: 20px;
   margin-right: 5px;
 }
 
-/* line 5704, ../../../scss/_clix2017.scss */
+/* line 5732, ../../../scss/_clix2017.scss */
 .img-height {
   height: 150px;
   width: 1351px;
 }
 
-/* line 5709, ../../../scss/_clix2017.scss */
+/* line 5737, ../../../scss/_clix2017.scss */
 .wrapper-footer {
   box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.1);
   border-top: 1px solid #c5c6c7;
@@ -5436,7 +5458,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background: rgba(221, 221, 221, 0.18);
   clear: both;
 }
-/* line 5725, ../../../scss/_clix2017.scss */
+/* line 5753, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix {
   box-sizing: border-box;
   max-width: 1200px;
@@ -5444,85 +5466,85 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   margin-right: auto;
   margin: 0 auto;
 }
-/* line 5733, ../../../scss/_clix2017.scss */
+/* line 5761, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos {
   float: left;
   display: block;
   margin-right: 2.35765%;
   width: 65.88078%;
 }
-/* line 5739, ../../../scss/_clix2017.scss */
+/* line 5767, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos {
   margin: 10px 0px 0px 18px;
 }
-/* line 5742, ../../../scss/_clix2017.scss */
+/* line 5770, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol {
   display: inline;
   list-style-type: none;
 }
-/* line 5745, ../../../scss/_clix2017.scss */
+/* line 5773, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li {
   float: left;
   margin-right: 15px;
 }
-/* line 5748, ../../../scss/_clix2017.scss */
+/* line 5776, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li > a {
   color: #ce7869;
 }
-/* line 5750, ../../../scss/_clix2017.scss */
+/* line 5778, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li > a:hover {
   color: #ce7869;
   border-bottom: 3px solid #ffc14e;
 }
-/* line 5761, ../../../scss/_clix2017.scss */
+/* line 5789, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal {
   margin: 0px 0px 0px 20px;
 }
-/* line 5763, ../../../scss/_clix2017.scss */
+/* line 5791, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol {
   display: inline;
   list-style-type: none;
 }
-/* line 5766, ../../../scss/_clix2017.scss */
+/* line 5794, ../../../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 5771, ../../../scss/_clix2017.scss */
+/* line 5799, ../../../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 5776, ../../../scss/_clix2017.scss */
+/* line 5804, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol li > a:hover {
   color: #777;
   border-bottom: 3px solid #c90d97;
 }
-/* line 5786, ../../../scss/_clix2017.scss */
+/* line 5814, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo {
   margin: 13px 0;
   display: inline-block;
 }
-/* line 5789, ../../../scss/_clix2017.scss */
+/* line 5817, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo p {
   color: inherit;
   margin: 0;
   display: inline-block;
 }
-/* line 5793, ../../../scss/_clix2017.scss */
+/* line 5821, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo p a {
   display: inline-block;
 }
-/* line 5799, ../../../scss/_clix2017.scss */
+/* line 5827, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo .footer-logo > img {
   height: 10px;
 }
 
-/* line 5809, ../../../scss/_clix2017.scss */
+/* line 5837, ../../../scss/_clix2017.scss */
 #overlay {
   /* we set all of the properties for are overlay */
   height: 116px;
@@ -5543,7 +5565,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-radius: 10px;
 }
 
-/* line 5829, ../../../scss/_clix2017.scss */
+/* line 5857, ../../../scss/_clix2017.scss */
 #mask {
   /* create are mask */
   position: fixed;
@@ -5557,13 +5579,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 5840, ../../../scss/_clix2017.scss */
+/* line 5868, ../../../scss/_clix2017.scss */
 #overlay:target, #overlay:target + #mask {
   display: block;
   opacity: 1;
 }
 
-/* line 5844, ../../../scss/_clix2017.scss */
+/* line 5872, ../../../scss/_clix2017.scss */
 .close {
   /* to make a nice looking pure CSS3 close button */
   display: block;
@@ -5585,7 +5607,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-radius: 38px;
 }
 
-/* line 5863, ../../../scss/_clix2017.scss */
+/* line 5891, ../../../scss/_clix2017.scss */
 #open-overlay {
   /* open the overlay */
   padding: 0px 0px;
@@ -5598,7 +5620,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   -o-border-radius: 10px;
 }
 
-/* line 5874, ../../../scss/_clix2017.scss */
+/* line 5902, ../../../scss/_clix2017.scss */
 .enroll-btn {
   width: 90px;
   opacity: 1;
@@ -5614,44 +5636,44 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #4b4852;
 }
 
-/* line 5896, ../../../scss/_clix2017.scss */
+/* line 5924, ../../../scss/_clix2017.scss */
 .img-style-land {
   margin-top: 28px;
   margin-left: -56px;
 }
 
-/* line 5901, ../../../scss/_clix2017.scss */
+/* line 5929, ../../../scss/_clix2017.scss */
 .top-margin-translation {
   margin-top: 0px;
 }
 
-/* line 5905, ../../../scss/_clix2017.scss */
+/* line 5933, ../../../scss/_clix2017.scss */
 .activity-editor-header-top {
   margin-top: -50px;
 }
 
-/* line 5909, ../../../scss/_clix2017.scss */
+/* line 5937, ../../../scss/_clix2017.scss */
 .add-lesson-top-margin {
   margin-top: 5px;
 }
 
-/* line 5912, ../../../scss/_clix2017.scss */
+/* line 5940, ../../../scss/_clix2017.scss */
 .translation-detail-top-margin {
   margin-top: 0px;
 }
 
-/* line 5915, ../../../scss/_clix2017.scss */
+/* line 5943, ../../../scss/_clix2017.scss */
 .outer {
   width: 100%;
   text-align: center;
 }
 
-/* line 5920, ../../../scss/_clix2017.scss */
+/* line 5948, ../../../scss/_clix2017.scss */
 .inner {
   display: inline-block !important;
 }
 
-/* line 5925, ../../../scss/_clix2017.scss */
+/* line 5953, ../../../scss/_clix2017.scss */
 .transcript-toggler {
   display: block;
   width: 155px !important;
@@ -5667,7 +5689,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   text-transform: uppercase;
 }
 
-/* line 5942, ../../../scss/_clix2017.scss */
+/* line 5970, ../../../scss/_clix2017.scss */
 input.transcript-toggler {
   background-image: url(/static/ndf/images/Transcript.svg) no-repeat !important;
   background-color: transparent;
@@ -5688,33 +5710,33 @@ input.transcript-toggler {
   /* align the text vertically centered */
 }
 
-/* line 5955, ../../../scss/_clix2017.scss */
+/* line 5983, ../../../scss/_clix2017.scss */
 .double-buttons {
   margin-top: 100px;
   margin-left: 729px;
 }
 
-/* line 5960, ../../../scss/_clix2017.scss */
+/* line 5988, ../../../scss/_clix2017.scss */
 .lesson-form-name {
   padding-top: 10px;
 }
 
-/* line 5964, ../../../scss/_clix2017.scss */
+/* line 5992, ../../../scss/_clix2017.scss */
 .lesson-form-desc {
   padding-top: 25px;
 }
 
-/* line 5968, ../../../scss/_clix2017.scss */
+/* line 5996, ../../../scss/_clix2017.scss */
 .enroll_chkbox {
   transform: scale(1.5);
 }
 
-/* line 5971, ../../../scss/_clix2017.scss */
+/* line 5999, ../../../scss/_clix2017.scss */
 .enroll_all_users {
   width: 15% !important;
 }
 
-/* line 5975, ../../../scss/_clix2017.scss */
+/* line 6003, ../../../scss/_clix2017.scss */
 .enrollBtn {
   background: #a2238d;
   height: 50px;
@@ -5730,24 +5752,24 @@ input.transcript-toggler {
   letter-spacing: 0.4px;
 }
 
-/* line 6009, ../../../scss/_clix2017.scss */
+/* line 6037, ../../../scss/_clix2017.scss */
 .enroll-act_lbl {
   color: #0c2944;
 }
 
-/* line 6014, ../../../scss/_clix2017.scss */
+/* line 6042, ../../../scss/_clix2017.scss */
 .wrkspace {
   margin-right: 80px;
 }
 
-/* line 6018, ../../../scss/_clix2017.scss */
+/* line 6046, ../../../scss/_clix2017.scss */
 .status-btn {
   background-color: #fff;
   margin-right: auto;
   padding-bottom: 0px;
   text-transform: none;
 }
-/* line 6023, ../../../scss/_clix2017.scss */
+/* line 6051, ../../../scss/_clix2017.scss */
 .status-btn .disabled {
   background-color: #008cba;
   border-color: #007095;
@@ -5757,64 +5779,64 @@ input.transcript-toggler {
   box-shadow: none;
 }
 
-/* line 6033, ../../../scss/_clix2017.scss */
+/* line 6061, ../../../scss/_clix2017.scss */
 .margin-right-50 {
   margin-right: 50px;
 }
 
 /* responsive footer */
-/* line 6040, ../../../scss/_clix2017.scss */
+/* line 6068, ../../../scss/_clix2017.scss */
 .clearfix {
   clear: both;
 }
 
-/* line 6043, ../../../scss/_clix2017.scss */
+/* line 6071, ../../../scss/_clix2017.scss */
 .clr1 {
   background: #FFFFFF;
   color: #333743;
 }
 
-/* line 6044, ../../../scss/_clix2017.scss */
+/* line 6072, ../../../scss/_clix2017.scss */
 .clr2 {
   background: #F1F3F5;
   color: #8F94A3;
 }
 
-/* line 6045, ../../../scss/_clix2017.scss */
+/* line 6073, ../../../scss/_clix2017.scss */
 .clr3 {
   background: rgba(221, 221, 221, 0.18);
   color: #BDC3CF;
 }
 
-/* line 6046, ../../../scss/_clix2017.scss */
+/* line 6074, ../../../scss/_clix2017.scss */
 .clr4 {
   background: rgba(221, 221, 221, 0.18);
   color: #E3E7F2;
 }
 
-/* line 6047, ../../../scss/_clix2017.scss */
+/* line 6075, ../../../scss/_clix2017.scss */
 .clr5 {
   color: #F1F3F5;
 }
 
-/* line 6048, ../../../scss/_clix2017.scss */
+/* line 6076, ../../../scss/_clix2017.scss */
 .clr6 {
   color: #39B5A1;
 }
 
-/* line 6049, ../../../scss/_clix2017.scss */
+/* line 6077, ../../../scss/_clix2017.scss */
 .clr7 {
   color: #D45245;
 }
 
 /*##### Footer Structure #####*/
-/* line 6054, ../../../scss/_clix2017.scss */
+/* line 6082, ../../../scss/_clix2017.scss */
 .bo-wrap {
   clear: both;
   width: auto;
 }
 
-/* line 6058, ../../../scss/_clix2017.scss */
+/* line 6086, ../../../scss/_clix2017.scss */
 .bo-footer {
   clear: both;
   width: auto;
@@ -5823,24 +5845,24 @@ input.transcript-toggler {
   margin: 0 auto;
 }
 
-/* line 6066, ../../../scss/_clix2017.scss */
+/* line 6094, ../../../scss/_clix2017.scss */
 .bo-footer-social {
   text-align: left;
   line-height: 1px;
   padding: 10px 10px 10px 10px;
 }
-/* line 6071, ../../../scss/_clix2017.scss */
+/* line 6099, ../../../scss/_clix2017.scss */
 .bo-footer-social > a {
   color: #ce7869;
   word-spacing: 8px;
 }
-/* line 6074, ../../../scss/_clix2017.scss */
+/* line 6102, ../../../scss/_clix2017.scss */
 .bo-footer-social > a:hover {
   color: #ce7869;
   border-bottom: 3px solid #ffc14e;
 }
 
-/* line 6084, ../../../scss/_clix2017.scss */
+/* line 6112, ../../../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;
@@ -5848,13 +5870,13 @@ input.transcript-toggler {
   text-decoration: none !important;
   word-spacing: 3px;
 }
-/* line 6090, ../../../scss/_clix2017.scss */
+/* line 6118, ../../../scss/_clix2017.scss */
 .bo-footer-copyright > a:hover {
   color: #777;
   border-bottom: 3px solid #c90d97;
 }
 
-/* line 6097, ../../../scss/_clix2017.scss */
+/* line 6125, ../../../scss/_clix2017.scss */
 .bo-footer-smap {
   width: 600px;
   float: left;
@@ -5864,7 +5886,7 @@ input.transcript-toggler {
   word-spacing: 20px;
 }
 
-/* line 6106, ../../../scss/_clix2017.scss */
+/* line 6134, ../../../scss/_clix2017.scss */
 .bo-footer-uonline {
   width: 300px;
   /* Account for margins + border values */
@@ -5873,7 +5895,7 @@ input.transcript-toggler {
   text-align: center;
 }
 
-/* line 6113, ../../../scss/_clix2017.scss */
+/* line 6141, ../../../scss/_clix2017.scss */
 .bo-footer-power {
   width: 300px;
   padding: 5px 10px;
@@ -5887,19 +5909,19 @@ input.transcript-toggler {
 /*##### Footer Responsive #####*/
 /* for 980px or less */
 @media screen and (max-width: 980px) {
-  /* line 6129, ../../../scss/_clix2017.scss */
+  /* line 6157, ../../../scss/_clix2017.scss */
   .bo-footer {
     width: 95%;
     padding: 1% 2%;
   }
 
-  /* line 6133, ../../../scss/_clix2017.scss */
+  /* line 6161, ../../../scss/_clix2017.scss */
   .bo-footer-smap {
     width: 33%;
     padding: 1% 2%;
   }
 
-  /* line 6137, ../../../scss/_clix2017.scss */
+  /* line 6165, ../../../scss/_clix2017.scss */
   .bo-footer-uonline {
     width: 46%;
     padding: 1% 2%;
@@ -5907,7 +5929,7 @@ input.transcript-toggler {
     text-align: right;
   }
 
-  /* line 6144, ../../../scss/_clix2017.scss */
+  /* line 6172, ../../../scss/_clix2017.scss */
   .bo-footer-power {
     clear: both;
     padding: 1% 2%;
@@ -5918,21 +5940,21 @@ input.transcript-toggler {
 }
 /* for 700px or less */
 @media screen and (max-width: 600px) {
-  /* line 6155, ../../../scss/_clix2017.scss */
+  /* line 6183, ../../../scss/_clix2017.scss */
   .bo-footer-smap {
     width: auto;
     float: none;
     text-align: center;
   }
 
-  /* line 6161, ../../../scss/_clix2017.scss */
+  /* line 6189, ../../../scss/_clix2017.scss */
   .bo-footer-uonline {
     width: auto;
     float: none;
     text-align: center;
   }
 
-  /* line 6167, ../../../scss/_clix2017.scss */
+  /* line 6195, ../../../scss/_clix2017.scss */
   .bo-footer-power {
     width: auto;
     float: none;
@@ -5940,36 +5962,36 @@ input.transcript-toggler {
   }
 }
 /* for 480px or less */
-/* line 6181, ../../../scss/_clix2017.scss */
+/* line 6209, ../../../scss/_clix2017.scss */
 .color-btn {
   background-color: #720f5e;
   width: 77px;
   margin-left: 17px;
 }
-/* line 6185, ../../../scss/_clix2017.scss */
+/* line 6213, ../../../scss/_clix2017.scss */
 .color-btn:hover {
   color: #720f5e;
   background-color: #ffffff;
 }
 
-/* line 6191, ../../../scss/_clix2017.scss */
+/* line 6219, ../../../scss/_clix2017.scss */
 .mid_label {
   margin-top: 15px;
   font-size: 15px;
 }
 
-/* line 6196, ../../../scss/_clix2017.scss */
+/* line 6224, ../../../scss/_clix2017.scss */
 .compulsory {
   color: red;
   font-size: smaller;
 }
 
-/* line 6201, ../../../scss/_clix2017.scss */
+/* line 6229, ../../../scss/_clix2017.scss */
 .select-drop {
   height: auto;
 }
 
-/* line 6205, ../../../scss/_clix2017.scss */
+/* line 6233, ../../../scss/_clix2017.scss */
 .template-select {
   border: 1px solid #cccccc;
   border-radius: 5px;
@@ -5978,41 +6000,41 @@ input.transcript-toggler {
   font-size: 14px;
 }
 
-/* line 6213, ../../../scss/_clix2017.scss */
+/* line 6241, ../../../scss/_clix2017.scss */
 .white-text {
   color: white;
 }
 
-/* line 6218, ../../../scss/_clix2017.scss */
+/* line 6246, ../../../scss/_clix2017.scss */
 .quiz-player .quiz_qtn {
   margin-left: 20px !important;
   font-size: 20px;
 }
-/* line 6222, ../../../scss/_clix2017.scss */
+/* line 6250, ../../../scss/_clix2017.scss */
 .quiz-player .question_edit {
   margin-left: 20px !important;
 }
-/* line 6226, ../../../scss/_clix2017.scss */
+/* line 6254, ../../../scss/_clix2017.scss */
 .quiz-player input[type=checkbox], .quiz-player input[type=radio] {
   margin-right: 10px;
   width: 15px;
   height: 15px;
 }
-/* line 6232, ../../../scss/_clix2017.scss */
+/* line 6260, ../../../scss/_clix2017.scss */
 .quiz-player .chk_ans_lbl, .quiz-player .rad_ans_lbl {
   font-size: 22px;
   margin-left: 5px;
 }
-/* line 6237, ../../../scss/_clix2017.scss */
+/* line 6265, ../../../scss/_clix2017.scss */
 .quiz-player .fi-check {
   color: green;
 }
-/* line 6241, ../../../scss/_clix2017.scss */
+/* line 6269, ../../../scss/_clix2017.scss */
 .quiz-player .fi-x {
   color: red;
 }
 
-/* line 6246, ../../../scss/_clix2017.scss */
+/* line 6274, ../../../scss/_clix2017.scss */
 .hyperlink-tag {
   cursor: pointer;
   cursor: pointer;
@@ -6025,7 +6047,7 @@ input.transcript-toggler {
   color: #164A7B;
 }
 
-/* line 6258, ../../../scss/_clix2017.scss */
+/* line 6286, ../../../scss/_clix2017.scss */
 .scard {
   background: #FFF;
   border: 1px solid #AAA;
@@ -6037,12 +6059,12 @@ input.transcript-toggler {
   height: 9rem;
   /*float:left;*/
 }
-/* line 6267, ../../../scss/_clix2017.scss */
+/* line 6295, ../../../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 6273, ../../../scss/_clix2017.scss */
+/* line 6301, ../../../scss/_clix2017.scss */
 .scard .scard_header {
   text-align: center;
   position: fixed;
@@ -6060,7 +6082,7 @@ input.transcript-toggler {
   font-weight: bold;
 }
 
-/* line 6290, ../../../scss/_clix2017.scss */
+/* line 6318, ../../../scss/_clix2017.scss */
 .scard-content {
   height: 2.7em;
   padding: 0.5rem;
@@ -6073,7 +6095,7 @@ input.transcript-toggler {
   /*height: 8.25rem;*/
   background-color: #3e3e3e;
 }
-/* line 6301, ../../../scss/_clix2017.scss */
+/* line 6329, ../../../scss/_clix2017.scss */
 .scard-content .scard-title {
   font-size: 0.8em;
   margin-top: -1em;
@@ -6083,7 +6105,7 @@ input.transcript-toggler {
   text-align: center;
 }
 
-/* line 6314, ../../../scss/_clix2017.scss */
+/* line 6342, ../../../scss/_clix2017.scss */
 .scard-action {
   height: height;
   font-size: 0.6em;
@@ -6097,7 +6119,7 @@ input.transcript-toggler {
   background-color: #CCCCCC;
 }
 
-/* line 6329, ../../../scss/_clix2017.scss */
+/* line 6357, ../../../scss/_clix2017.scss */
 .scard-desc {
   font-size: 0.7em;
   color: #333333;
@@ -6113,7 +6135,7 @@ input.transcript-toggler {
   display-inline: block;
 }
 
-/* line 6346, ../../../scss/_clix2017.scss */
+/* line 6374, ../../../scss/_clix2017.scss */
 .scard-image {
   padding: 0px;
   margin: 0px;
@@ -6124,7 +6146,7 @@ input.transcript-toggler {
   overflow: hidden;
   background-color: #f2f2f2;
 }
-/* line 6355, ../../../scss/_clix2017.scss */
+/* line 6383, ../../../scss/_clix2017.scss */
 .scard-image img {
   border-radius: 2px 2px 0 0;
   display: block;
@@ -6133,18 +6155,18 @@ input.transcript-toggler {
   height: 100%;
 }
 
-/* line 6367, ../../../scss/_clix2017.scss */
+/* line 6395, ../../../scss/_clix2017.scss */
 .published.scard-action {
   background: #A6D9CB;
 }
 
-/* line 6371, ../../../scss/_clix2017.scss */
+/* line 6399, ../../../scss/_clix2017.scss */
 .draft.scard-action {
   content: "Draft";
   background: #DCDCDC;
 }
 
-/* line 6377, ../../../scss/_clix2017.scss */
+/* line 6405, ../../../scss/_clix2017.scss */
 .scard_footer {
   border-top: 1px solid rgba(160, 160, 160, 0.2);
   padding: 0.25rem 0.5rem;
@@ -6153,17 +6175,17 @@ input.transcript-toggler {
   height: 2rem;
 }
 
-/* line 6385, ../../../scss/_clix2017.scss */
+/* line 6413, ../../../scss/_clix2017.scss */
 .auto_width {
   width: auto !important;
 }
 
-/* line 6389, ../../../scss/_clix2017.scss */
+/* line 6417, ../../../scss/_clix2017.scss */
 .explore-settings-drop {
   margin-left: 59%;
   display: inline-block;
 }
-/* line 6392, ../../../scss/_clix2017.scss */
+/* line 6420, ../../../scss/_clix2017.scss */
 .explore-settings-drop > button {
   color: #6f0859;
   font-weight: 400;
@@ -6176,17 +6198,17 @@ input.transcript-toggler {
   margin-top: 10px;
   margin-left: 20px;
 }
-/* line 6403, ../../../scss/_clix2017.scss */
+/* line 6431, ../../../scss/_clix2017.scss */
 .explore-settings-drop > button:hover {
   border-radius: 10px;
   background-color: #6f0859;
   color: #ffffff;
 }
-/* line 6409, ../../../scss/_clix2017.scss */
+/* line 6437, ../../../scss/_clix2017.scss */
 .explore-settings-drop a {
   font-size: 16px;
 }
-/* line 6412, ../../../scss/_clix2017.scss */
+/* line 6440, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li {
   font-size: 0.875rem;
   cursor: pointer;
@@ -6194,42 +6216,42 @@ input.transcript-toggler {
   margin: 0;
   background-color: #6f0859;
 }
-/* line 6420, ../../../scss/_clix2017.scss */
+/* line 6448, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li a {
   color: white;
 }
-/* line 6422, ../../../scss/_clix2017.scss */
+/* line 6450, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li a:hover {
   color: #6f0859;
 }
-/* line 6427, ../../../scss/_clix2017.scss */
+/* line 6455, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li:hover {
   border-left: 4px solid #ffc14e;
   background-color: white;
 }
 
-/* line 6436, ../../../scss/_clix2017.scss */
+/* line 6464, ../../../scss/_clix2017.scss */
 .attempts_count {
   color: #000000 !important;
 }
 
-/* line 6442, ../../../scss/_clix2017.scss */
+/* line 6470, ../../../scss/_clix2017.scss */
 #course-settings-drop li a {
   text-align: left;
 }
 
-/* line 6450, ../../../scss/_clix2017.scss */
+/* line 6478, ../../../scss/_clix2017.scss */
 #asset-settings-drop li a {
   text-align: left;
 }
 
-/* line 6457, ../../../scss/_clix2017.scss */
+/* line 6485, ../../../scss/_clix2017.scss */
 .button-bg {
   background-color: #74b3dc;
 }
 
 /* Tools page css listing*/
-/* line 6464, ../../../scss/_clix2017.scss */
+/* line 6492, ../../../scss/_clix2017.scss */
 .polaroid {
   width: 330px;
   background-color: white;
@@ -6243,7 +6265,7 @@ input.transcript-toggler {
   cursor: pointer;
 }
 
-/* line 6477, ../../../scss/_clix2017.scss */
+/* line 6505, ../../../scss/_clix2017.scss */
 .polaroid:hover img {
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
@@ -6252,26 +6274,26 @@ input.transcript-toggler {
   transform: scale(1.05);
 }
 
-/* line 6486, ../../../scss/_clix2017.scss */
+/* line 6514, ../../../scss/_clix2017.scss */
 .container {
   text-align: center;
   padding: 10px 20px;
   border-top: 5px solid #164a7b;
   margin-top: 0px;
 }
-/* line 6492, ../../../scss/_clix2017.scss */
+/* line 6520, ../../../scss/_clix2017.scss */
 .container > p {
   color: black;
   font-size: 16px;
   font-weight: 500;
 }
 
-/* line 6501, ../../../scss/_clix2017.scss */
+/* line 6529, ../../../scss/_clix2017.scss */
 .tool-bg {
   background-color: rgba(87, 198, 250, 0.07);
 }
 
-/* line 6504, ../../../scss/_clix2017.scss */
+/* line 6532, ../../../scss/_clix2017.scss */
 .purple-btn {
   width: inherit;
   text-transform: uppercase;
@@ -6282,7 +6304,7 @@ input.transcript-toggler {
   border: 2px solid #6a0054;
 }
 
-/* line 6514, ../../../scss/_clix2017.scss */
+/* line 6542, ../../../scss/_clix2017.scss */
 .disable-purple-btn {
   width: inherit;
   text-transform: uppercase !important;
@@ -6293,27 +6315,27 @@ input.transcript-toggler {
   border: 2px solid #4b4852;
 }
 
-/* line 6524, ../../../scss/_clix2017.scss */
+/* line 6552, ../../../scss/_clix2017.scss */
 .user-analytics-data {
   margin: 42px 37px 37px 37px;
   border: 2px solid #aaaaaa;
 }
-/* line 6527, ../../../scss/_clix2017.scss */
+/* line 6555, ../../../scss/_clix2017.scss */
 .user-analytics-data .close-reveal-modal {
   font-size: 20px;
 }
 
-/* line 6531, ../../../scss/_clix2017.scss */
+/* line 6559, ../../../scss/_clix2017.scss */
 .left-space {
   margin-left: 0.5em;
 }
 
-/* line 6539, ../../../scss/_clix2017.scss */
+/* line 6567, ../../../scss/_clix2017.scss */
 .top-right-menu {
   margin-right: 80px !important;
 }
 
-/* line 6546, ../../../scss/_clix2017.scss */
+/* line 6574, ../../../scss/_clix2017.scss */
 .button-cancel-new {
   height: 2rem;
   padding: 0 2rem;
@@ -6331,12 +6353,12 @@ input.transcript-toggler {
   transition: all .1s ease;
   margin-right: 1px;
 }
-/* line 6562, ../../../scss/_clix2017.scss */
+/* line 6590, ../../../scss/_clix2017.scss */
 .button-cancel-new:hover {
   background-color: #fff;
   color: #333333;
 }
-/* line 6567, ../../../scss/_clix2017.scss */
+/* line 6595, ../../../scss/_clix2017.scss */
 .button-cancel-new > a {
   font-family: open_sansbold,sans-serif;
   font-size: 1.2rem;
@@ -6348,13 +6370,13 @@ input.transcript-toggler {
   transition: all .1s ease;
   margin-right: 1px;
 }
-/* line 6577, ../../../scss/_clix2017.scss */
+/* line 6605, ../../../scss/_clix2017.scss */
 .button-cancel-new > a:hover {
   background-color: #fff;
   color: #333333;
 }
 
-/* line 6585, ../../../scss/_clix2017.scss */
+/* line 6613, ../../../scss/_clix2017.scss */
 .button-save-new {
   height: 2rem;
   padding: 0 2rem;
@@ -6371,7 +6393,7 @@ input.transcript-toggler {
   color: #fff;
   transition: all .1s ease;
 }
-/* line 6600, ../../../scss/_clix2017.scss */
+/* line 6628, ../../../scss/_clix2017.scss */
 .button-save-new: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 bd384bbb67..5e4f6af199 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
@@ -4281,106 +4281,132 @@ ul.nav_menu_1 {
             vertical-align: top;
             // height: calc(100vh - 120px);
         }
-        .course_tree {
-            @include transition-prop(all);
-            width: 100%;
-            background-color: #fff;
-            //max-height: 100%;
-            overflow-y: auto;
-            //height: 100vh;
 
-            .course-lessons {
-                dd {
-                    border-bottom: 2px solid #9abfd9;
-                    @include transition-prop(border-color);
 
-                    &.accordion-navigation {
-                        position: relative;
-                        padding-left:0px;
+        .colapse-container{
+                position: relative;
+                -webkit-transition: all .6s ease;
+                -webkit-box-align: stretch;
+                align-items: stretch;
+                overflow-x: hidden;
+                color: #fff;
+                font-weight: 300;
+
+                .first-strip{
+                    padding: 12px 16px 9px;
+                    background-color: #333;
+                    font-size: .75rem;
+                    text-transform: uppercase;
+                    cursor: pointer;
+                    &:hover{
+                    border-bottom: 3px solid #333;
+                    }
+                }
 
+                
 
 
-                        &>a {
-                            &:before {
-                                // content: '&#8250';
-                                position: absolute;
-                                left: 23px;
-                                // //font-size: 45px;
-                                line-height: 20px;
-                                color: $secondry-blue;
-                            }
-                        }
-                        a.entity-title {
-                            background: inherit;
-                            cursor: pointer;
-                            font-weight: 600;
-                            color: #3c5267;
-                            @include transition-prop(color);
+            .course_tree {
+                @include transition-prop(all);
+                width: 100%;
+                background-color: #fff;
+                //max-height: 100%;
+                overflow-y: auto;
+                //height: 100vh;
 
-                            .edit_entity {
-                                color: #c9d1d8;
-                                font-weight: 400;
-                                letter-spacing: 0.5px;
-                                // //font-size: 14px;
-                                display: block;
-                                position: relative;
-                                display: none;
+                .course-lessons {
+                    dd {
+                        border-bottom: 2px solid #9abfd9;
+                        @include transition-prop(border-color);
 
-                                i {
-                                    display: none;
-                                    // //font-size: 20px;
-                                }
+                        &.accordion-navigation {
+                            position: relative;
+                            padding-left:0px;
 
-                                >.entity_actions {
-                                    margin-bottom: 0px;
 
 
-                                    li {
-                                        white-space: nowrap;
-                                        list-style: none;
-                                        display: inline-block;
-                                        margin: 0px 10px;
-                                        cursor: pointer;
-                                    }
+                            &>a {
+                                &:before {
+                                    // content: '&#8250';
+                                    position: absolute;
+                                    left: 23px;
+                                    // //font-size: 45px;
+                                    line-height: 20px;
+                                    color: $secondry-blue;
                                 }
                             }
-                            &:hover {
+                            a.entity-title {
+                                background: inherit;
+                                cursor: pointer;
+                                font-weight: 600;
+                                color: #3c5267;
+                                @include transition-prop(color);
+
                                 .edit_entity {
+                                    color: #c9d1d8;
+                                    font-weight: 400;
+                                    letter-spacing: 0.5px;
+                                    // //font-size: 14px;
                                     display: block;
+                                    position: relative;
+                                    display: none;
+
+                                    i {
+                                        display: none;
+                                        // //font-size: 20px;
+                                    }
+
+                                    >.entity_actions {
+                                        margin-bottom: 0px;
+
+
+                                        li {
+                                            white-space: nowrap;
+                                            list-style: none;
+                                            display: inline-block;
+                                            margin: 0px 10px;
+                                            cursor: pointer;
+                                        }
+                                    }
+                                }
+                                &:hover {
+                                    .edit_entity {
+                                        display: block;
+                                    }
                                 }
                             }
-                        }
 
-                        &.active >a:before {
-                            content: ''; //arrow facing down
-                            // //font-size: 45px;
-                            line-height: 55px;
-                            color: #d7d7d7;
+                            &.active >a:before {
+                                content: ''; //arrow facing down
+                                // //font-size: 45px;
+                                line-height: 55px;
+                                color: #d7d7d7;
 
-                        }
+                            }
 
-                        .course-activities {
-                            margin: 0px;
-                            &>li {
-                                list-style: none;
-                                border-top: 1px solid #e9e9e9;
-                                padding: 10px 0px 10px 30px;
-                                background: inherit;
-                                @include transition-prop(border-color);
+                            .course-activities {
+                                margin: 0px;
+                                &>li {
+                                    list-style: none;
+                                    border-top: 1px solid #e9e9e9;
+                                    padding: 10px 0px 10px 30px;
+                                    background: inherit;
+                                    @include transition-prop(border-color);
 
-                                &>a {
-                                    color: #7ca0d0;
-                                    width: 100%;
-                                    display: block;
-                                    @include transition-prop(color);
+                                    &>a {
+                                        color: #7ca0d0;
+                                        width: 100%;
+                                        display: block;
+                                        @include transition-prop(color);
+                                    }
                                 }
                             }
-                        }
 
-                        .content {
-                            background: inherit;
-                        }
+                            .content {
+                                background: inherit;
+                            }
 
+                        }
                     }
                 }
             }
@@ -4460,9 +4486,10 @@ ul.nav_menu_1 {
 }
 
 .lesson-title{
-    font-size: 18px;
-    padding-top: 10px;
-    padding-left: 10px;
+    font-size: 14px;
+    //padding-top: 10px;
+    //padding-left: 10px;
+    color:white;
 
 }
 
@@ -4482,7 +4509,8 @@ ul.nav_menu_1 {
                 margin-left: -23px;
 
                 &.active {
-                            background: rgba(116, 0, 255, 0.31);
+                            background: rgba(111, 8, 89, 0.49);
+                            font-weight:600;
 
                         }
                 &>a {
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/activity_player.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/activity_player.html
index 16dcaa3c3f..fdacf6c310 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/activity_player.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/activity_player.html
@@ -32,6 +32,39 @@
     margin-right: 20%;
 
   }
+
+  .collapse-container--open {
+    width: 245px;
+    position: relative;
+                -webkit-transition: all .6s ease;
+                -webkit-box-align: stretch;
+                align-items: stretch;
+                overflow-x: hidden;
+                color: #fff;
+                font-weight: 300;
+
+  }
+
+  .first-strip{
+                    padding: 12px 16px 9px;
+                    background-color: #333;
+                    font-size: .75rem;
+                    border-bottom: 3px solid #333;
+                    text-transform: uppercase;
+                    cursor: pointer;
+                }
+
+  .svg-arrow {
+        height: 12px;
+        width: 8px;
+        position: absolute;
+        right: .5rem;
+        top: .9rem;
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+        -webkit-transition: all .6s ease;
+        transition: all .6s ease;
+    }
 </style>
 
 {% include 'ndf/widget_user_access_modal.html' %}
@@ -101,16 +134,19 @@
 
     <div class="small-12 columns">
         <div class="course_editor ">
-          <div class="small-3 columns">
-            <div class="course_tree">
-              <div class="lesson-title" title="{{trans_lesson_name}}">
-                  <b>{{trans_lesson_name}}</b>
-                  {% comment %}
-                  {% if allow_finish_lesson %}
-                    <a href="#" class="purple-btn finish-lesson right">Finish</a>
-                  {% endif %}
-                  {% endcomment %}
-              </div>
+          <div class="small-3 columns colapse-container index">
+            <div class="course_tree ">
+              <a>
+                <div class="first-strip">
+                  <div class="lesson-title" title="{{trans_lesson_name}}">
+                    <b>{{trans_lesson_name}}</b>
+                  </div>
+                  <svg class="svg-arrow" style="margin-right:30px;" viewBox="0 0 8 12" version="1.1"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                      <g id="Core" transform="translate(-260.000000, -90.000000)" fill="#FFFFFF">
+                          <g id="chevron-right" transform="translate(259.500000, 90.000000)">
+                            <polygon id="Shape" points="2 0 0.6 1.4 5.2 6 0.6 10.6 2 12 8 6"></polygon></g></g></g></svg>
+                </div>
+              </a>
               <div class="activity-title">
               {% for each in act_list %}
                   {% for k,v in each.items  %}
@@ -121,7 +157,7 @@
               </div>
           </div>
           
-          <div class="small-8 columns">
+          <div class="small-8 columns section-expand">
 
             <div class="course_editor_section">
               {% with node.member_of_names_list as node_member_of_names_list %}
@@ -194,6 +230,15 @@
 </div>
 
 <script type="text/javascript">
+
+    $('.first-strip').click(function(){
+      $('.index').toggleClass('colapse-container collapse-container--open');
+      $('.section-expand').toggleClass('small-8 small-10');
+    });
+
+   
+      
+
    function onMessage(message) {
     // Inconveniently, we don't seem to be able to locate the
     // assessment-player's iframe inside the content's iframe.  Conventiently,
@@ -216,6 +261,8 @@
     }
   }
 
+  
+
   function componentDidMount() {
     window.addEventListener("message", (e) => this.onMessage(e), false);
   }

From 837049c03facbf2c07c57ce84a0f139be6579c46 Mon Sep 17 00:00:00 2001
From: Prachirb <prachibhatia24@yahoo.com>
Date: Tue, 27 Feb 2018 16:25:48 +0530
Subject: [PATCH 07/27] Save & Cancel button for add buddy added on the top and
 botton for the overlay. Activity player secondary header reduced in size

---
 .../static/ndf/css/themes/clix/clix2017.css   | 768 +++++++++---------
 .../ndf/static/ndf/scss/_clix2017.scss        |  12 +-
 .../gnowsys_ndf/ndf/templates/ndf/buddy.html  |   3 +
 3 files changed, 397 insertions(+), 386 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 01b4336d79..53f9cc634c 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
@@ -3576,8 +3576,8 @@ body {
 }
 /* line 3778, ../../../scss/_clix2017.scss */
 .activity_player_header > div {
-  height: 45px;
-  line-height: 45px;
+  height: 35px;
+  line-height: 35px;
   display: inline-block;
   vertical-align: top;
 }
@@ -3590,7 +3590,7 @@ body {
   position: relative;
   color: #6f0859;
   font-weight: 500;
-  font-size: 20px;
+  font-size: 16px;
   letter-spacing: 0.6px;
   padding: 0px 15px;
   border-right: 1px solid white;
@@ -3623,7 +3623,7 @@ body {
 /* line 3881, ../../../scss/_clix2017.scss */
 .activity_player_header .header_icon {
   font-size: 16px;
-  line-height: 45px;
+  line-height: 35px;
   color: rgba(107, 0, 84, 0.97);
 }
 /* line 3887, ../../../scss/_clix2017.scss */
@@ -3643,6 +3643,14 @@ body {
     padding: 0px 15px;
   }
 }
+/* line 3900, ../../../scss/_clix2017.scss */
+.activity_player_header .lesson-nav {
+  position: relative;
+  color: #6f0859;
+  font-weight: 500;
+  font-size: 14px;
+  letter-spacing: 0.6px;
+}
 @media screen and (min-width: 1025px) {
   /* line 3900, ../../../scss/_clix2017.scss */
   .activity_player_header .lesson-nav {
@@ -3657,73 +3665,71 @@ body {
     background-color: #ffffff;
   }
 }
-/* line 3913, ../../../scss/_clix2017.scss */
+/* line 3917, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav div {
-  height: 45px;
-  line-height: 45px;
   display: inline-block;
   vertical-align: top;
 }
-/* line 3919, ../../../scss/_clix2017.scss */
+/* line 3921, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_block {
   padding: 0px 15px;
   margin-left: -2px;
   border-right: 1px solid white;
 }
-/* line 3924, ../../../scss/_clix2017.scss */
+/* line 3926, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_block a {
   color: rgba(107, 0, 84, 0.97);
 }
-/* line 3930, ../../../scss/_clix2017.scss */
+/* line 3932, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_lg_block {
   padding: 0px 9px;
 }
 @media screen and (min-width: 1025px) {
-  /* line 3930, ../../../scss/_clix2017.scss */
+  /* line 3932, ../../../scss/_clix2017.scss */
   .activity_player_header .lesson-nav .header_text_lg_block {
     padding: 0px 15px;
   }
 }
-/* line 3938, ../../../scss/_clix2017.scss */
+/* line 3940, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_md_block {
   padding: 0px 7px;
 }
 @media screen and (min-width: 1025px) {
-  /* line 3938, ../../../scss/_clix2017.scss */
+  /* line 3940, ../../../scss/_clix2017.scss */
   .activity_player_header .lesson-nav .header_text_md_block {
     padding: 0px 15px;
   }
 }
-/* line 3947, ../../../scss/_clix2017.scss */
+/* line 3949, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .back_button {
   border-color: #e0e0e0;
   background-color: rgba(244, 244, 244, 0.3);
 }
-/* line 3950, ../../../scss/_clix2017.scss */
+/* line 3952, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .back_button i {
   color: #71318b;
 }
-/* line 3956, ../../../scss/_clix2017.scss */
+/* line 3958, ../../../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 3960, ../../../scss/_clix2017.scss */
+/* line 3962, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .settings:hover i {
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
 }
-/* line 3966, ../../../scss/_clix2017.scss */
+/* line 3968, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .pagination:not(i) {
   color: #a983b9;
 }
 
-/* line 3976, ../../../scss/_clix2017.scss */
+/* line 3978, ../../../scss/_clix2017.scss */
 .float-right {
   float: right;
 }
 
-/* line 3980, ../../../scss/_clix2017.scss */
+/* line 3982, ../../../scss/_clix2017.scss */
 .float-left {
   float: left;
 }
@@ -3731,7 +3737,7 @@ body {
 /*
 Buddy Vertical Bar Css
 */
-/* line 3989, ../../../scss/_clix2017.scss */
+/* line 3991, ../../../scss/_clix2017.scss */
 .buddy_panel {
   position: fixed;
   right: 0px;
@@ -3743,7 +3749,7 @@ Buddy Vertical Bar Css
   overflow-y: auto;
   z-index: 100;
 }
-/* line 4002, ../../../scss/_clix2017.scss */
+/* line 4004, ../../../scss/_clix2017.scss */
 .buddy_panel .add_buddy_icon {
   height: 50px;
   width: 50px;
@@ -3751,7 +3757,7 @@ Buddy Vertical Bar Css
   cursor: pointer;
 }
 
-/* line 4010, ../../../scss/_clix2017.scss */
+/* line 4012, ../../../scss/_clix2017.scss */
 .buddy_icon {
   border-radius: 4px;
   overflow: hidden;
@@ -3761,13 +3767,13 @@ Buddy Vertical Bar Css
   margin-bottom: 10px;
   position: relative;
 }
-/* line 4019, ../../../scss/_clix2017.scss */
+/* line 4021, ../../../scss/_clix2017.scss */
 .buddy_icon svg {
   height: 50px;
   width: 50px;
   background-color: #fff;
 }
-/* line 4025, ../../../scss/_clix2017.scss */
+/* line 4027, ../../../scss/_clix2017.scss */
 .buddy_icon.buddy_inactive:before {
   content: '';
   position: absolute;
@@ -3778,11 +3784,11 @@ Buddy Vertical Bar Css
   display: block;
   background: rgba(0, 0, 0, 0.5);
 }
-/* line 4036, ../../../scss/_clix2017.scss */
+/* line 4038, ../../../scss/_clix2017.scss */
 .buddy_icon .buddy_edit, .buddy_icon .buddy_delete {
   display: none;
 }
-/* line 4041, ../../../scss/_clix2017.scss */
+/* line 4043, ../../../scss/_clix2017.scss */
 .buddy_icon.buddy_editable:hover .buddy_edit {
   position: absolute;
   background: rgba(255, 255, 255, 0.5);
@@ -3791,7 +3797,7 @@ Buddy Vertical Bar Css
   bottom: 0px;
   display: block;
 }
-/* line 4052, ../../../scss/_clix2017.scss */
+/* line 4054, ../../../scss/_clix2017.scss */
 .buddy_icon.buddy_deleteable:hover .buddy_delete {
   position: absolute;
   background: rgba(255, 255, 255, 0.5);
@@ -3801,43 +3807,43 @@ Buddy Vertical Bar Css
   display: block;
 }
 
-/* line 4063, ../../../scss/_clix2017.scss */
+/* line 4065, ../../../scss/_clix2017.scss */
 .add_buddy_modal {
   padding: 0px;
 }
-/* line 4065, ../../../scss/_clix2017.scss */
+/* line 4067, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_header {
   padding: 10px 20px;
   position: relative;
 }
-/* line 4069, ../../../scss/_clix2017.scss */
+/* line 4071, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_header .modal_title {
   font-size: 25px;
   color: #CE7869;
   letter-spacing: 0;
   line-height: 35px;
 }
-/* line 4075, ../../../scss/_clix2017.scss */
+/* line 4077, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_header .modal_meta {
   font-size: 14px;
   color: #9DBEDD;
   letter-spacing: 0;
   line-height: 30px;
 }
-/* line 4082, ../../../scss/_clix2017.scss */
+/* line 4084, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_header .sample_buddy {
   position: absolute;
   right: 30px;
   top: 15px;
 }
-/* line 4089, ../../../scss/_clix2017.scss */
+/* line 4091, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body {
   background-color: #101d29;
   padding: 10px 20px;
   max-height: 500px;
   overflow: auto;
 }
-/* line 4095, ../../../scss/_clix2017.scss */
+/* line 4097, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .step_title {
   font-size: 20px;
   font-weight: 400;
@@ -3845,11 +3851,11 @@ Buddy Vertical Bar Css
   letter-spacing: 0.9px;
   margin: 10px 0px;
 }
-/* line 4102, ../../../scss/_clix2017.scss */
+/* line 4104, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .step_title .step_number {
   color: #82A4C3;
 }
-/* line 4107, ../../../scss/_clix2017.scss */
+/* line 4109, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_color_option {
   max-width: 75px;
   display: inline-block;
@@ -3857,7 +3863,7 @@ Buddy Vertical Bar Css
   margin: 10px 20px;
   cursor: pointer;
 }
-/* line 4114, ../../../scss/_clix2017.scss */
+/* line 4116, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_color_option .color_sample {
   display: block;
   width: 50px;
@@ -3865,7 +3871,7 @@ Buddy Vertical Bar Css
   border-radius: 100%;
   margin: 0px auto;
 }
-/* line 4122, ../../../scss/_clix2017.scss */
+/* line 4124, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_color_option .color_name {
   text-transform: capitalize;
   font-size: 15px;
@@ -3875,42 +3881,42 @@ Buddy Vertical Bar Css
   letter-spacing: 1px;
   margin-top: 10px;
 }
-/* line 4133, ../../../scss/_clix2017.scss */
+/* line 4135, ../../../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 4139, ../../../scss/_clix2017.scss */
+/* line 4141, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal {
   display: inline-block;
   margin: 10px;
   cursor: pointer;
 }
-/* line 4144, ../../../scss/_clix2017.scss */
+/* line 4146, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal svg {
   height: 80px;
   width: 80px;
 }
-/* line 4148, ../../../scss/_clix2017.scss */
+/* line 4150, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal svg path {
   fill: #374B5E;
 }
-/* line 4153, ../../../scss/_clix2017.scss */
+/* line 4155, ../../../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 4161, ../../../scss/_clix2017.scss */
+/* line 4163, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal:hover path, .add_buddy_modal .modal_body .buddy_animal.selected path {
   fill: #bfe0ff;
 }
-/* line 4168, ../../../scss/_clix2017.scss */
+/* line 4170, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_footer {
   height: 70px;
   padding: 20px;
 }
-/* line 4173, ../../../scss/_clix2017.scss */
+/* line 4175, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_footer .removeBuddy i {
   color: #bd2b2b;
   font-size: 25px;
@@ -3919,7 +3925,7 @@ Buddy Vertical Bar Css
 /*
     Common css that can be kept at a single place.
 */
-/* line 4188, ../../../scss/_clix2017.scss */
+/* line 4190, ../../../scss/_clix2017.scss */
 .blue_round_button {
   background-color: #00a9ee;
   color: #fff;
@@ -3930,7 +3936,7 @@ Buddy Vertical Bar Css
   line-height: 25px;
 }
 
-/* line 4197, ../../../scss/_clix2017.scss */
+/* line 4199, ../../../scss/_clix2017.scss */
 .text_button {
   background-color: #fff;
   color: #949494;
@@ -3941,7 +3947,7 @@ Buddy Vertical Bar Css
   line-height: 25px;
 }
 
-/* line 4207, ../../../scss/_clix2017.scss */
+/* line 4209, ../../../scss/_clix2017.scss */
 .edit_button {
   background-color: #fff;
   color: #717171;
@@ -3953,21 +3959,21 @@ Buddy Vertical Bar Css
   margin-top: 10px;
   margin-right: -50px;
 }
-/* line 4217, ../../../scss/_clix2017.scss */
+/* line 4219, ../../../scss/_clix2017.scss */
 .edit_button:hover {
   color: #ce7869;
 }
 
-/* line 4226, ../../../scss/_clix2017.scss */
+/* line 4228, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 {
   margin-bottom: 0px;
   background-color: #fff;
 }
-/* line 4229, ../../../scss/_clix2017.scss */
+/* line 4231, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li {
   display: inline-block;
 }
-/* line 4232, ../../../scss/_clix2017.scss */
+/* line 4234, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a {
   list-style-type: none;
   display: inline-block;
@@ -3978,25 +3984,25 @@ ul.nav_menu_1 > li > a {
   letter-spacing: 0.8px;
   border-bottom: 5px solid transparent;
 }
-/* line 4243, ../../../scss/_clix2017.scss */
+/* line 4245, ../../../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 4255, ../../../scss/_clix2017.scss */
+/* line 4257, ../../../scss/_clix2017.scss */
 .activity_sheet {
   background: rgba(231, 231, 231, 0.12);
   margin: 0px auto;
   padding: 0px 0px;
   max-width: 100vw;
 }
-/* line 4262, ../../../scss/_clix2017.scss */
+/* line 4264, ../../../scss/_clix2017.scss */
 .activity_sheet > .columns {
   padding: 0px;
   height: 100%;
 }
-/* line 4266, ../../../scss/_clix2017.scss */
+/* line 4268, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor {
   margin-bottom: 10px;
   position: relative;
@@ -4004,17 +4010,17 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   /*Overriding default*/
   /*Custom css*/
 }
-/* line 4273, ../../../scss/_clix2017.scss */
+/* line 4275, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .accordion .accordion-navigation > .content, .activity_sheet .course_editor .accordion dd > .content {
   padding: 0px;
   padding-left: 0px;
 }
-/* line 4279, ../../../scss/_clix2017.scss */
+/* line 4281, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor > div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 4286, ../../../scss/_clix2017.scss */
+/* line 4288, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container {
   position: relative;
   -webkit-transition: all .6s ease;
@@ -4024,7 +4030,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #fff;
   font-weight: 300;
 }
-/* line 4295, ../../../scss/_clix2017.scss */
+/* line 4297, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .first-strip {
   padding: 12px 16px 9px;
   background-color: #333;
@@ -4032,11 +4038,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   text-transform: uppercase;
   cursor: pointer;
 }
-/* line 4301, ../../../scss/_clix2017.scss */
+/* line 4303, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .first-strip:hover {
   border-bottom: 3px solid #333;
 }
-/* line 4309, ../../../scss/_clix2017.scss */
+/* line 4311, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree {
   transition: all 1s ease;
   -webkit-transition: all 1s ease;
@@ -4044,25 +4050,25 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   background-color: #fff;
   overflow-y: auto;
 }
-/* line 4318, ../../../scss/_clix2017.scss */
+/* line 4320, ../../../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 4322, ../../../scss/_clix2017.scss */
+/* line 4324, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation {
   position: relative;
   padding-left: 0px;
 }
-/* line 4329, ../../../scss/_clix2017.scss */
+/* line 4331, ../../../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 4338, ../../../scss/_clix2017.scss */
+/* line 4340, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation a.entity-title {
   background: inherit;
   cursor: pointer;
@@ -4071,7 +4077,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 4345, ../../../scss/_clix2017.scss */
+/* line 4347, ../../../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;
@@ -4080,15 +4086,15 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   display: none;
 }
-/* line 4354, ../../../scss/_clix2017.scss */
+/* line 4356, ../../../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 4359, ../../../scss/_clix2017.scss */
+/* line 4361, ../../../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 4363, ../../../scss/_clix2017.scss */
+/* line 4365, ../../../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;
@@ -4096,21 +4102,21 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 0px 10px;
   cursor: pointer;
 }
-/* line 4373, ../../../scss/_clix2017.scss */
+/* line 4375, ../../../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 4379, ../../../scss/_clix2017.scss */
+/* line 4381, ../../../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 4387, ../../../scss/_clix2017.scss */
+/* line 4389, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation .course-activities {
   margin: 0px;
 }
-/* line 4389, ../../../scss/_clix2017.scss */
+/* line 4391, ../../../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;
@@ -4119,7 +4125,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 4396, ../../../scss/_clix2017.scss */
+/* line 4398, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation .course-activities > li > a {
   color: #7ca0d0;
   width: 100%;
@@ -4127,11 +4133,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 4405, ../../../scss/_clix2017.scss */
+/* line 4407, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation .content {
   background: inherit;
 }
-/* line 4415, ../../../scss/_clix2017.scss */
+/* line 4417, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section {
   width: 0%;
   display: inline-block;
@@ -4143,48 +4149,48 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   overflow-y: auto;
   background: #fff;
 }
-/* line 4425, ../../../scss/_clix2017.scss */
+/* line 4427, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header {
   height: 100px;
   background-color: #e5f1f6;
   border-bottom: 1px solid #e6e6e7;
 }
-/* line 4430, ../../../scss/_clix2017.scss */
+/* line 4432, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header .header-left {
   padding: 29px 0px;
 }
-/* line 4433, ../../../scss/_clix2017.scss */
+/* line 4435, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header .header-left > span {
   color: #3c5264;
   font-weight: 600;
   margin-right: 10px;
 }
-/* line 4442, ../../../scss/_clix2017.scss */
+/* line 4444, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header .custom_dropdown {
   margin: 40px 35px 0px;
 }
-/* line 4447, ../../../scss/_clix2017.scss */
+/* line 4449, ../../../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 4451, ../../../scss/_clix2017.scss */
+/* line 4453, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions ul {
   margin: 0px;
 }
-/* line 4453, ../../../scss/_clix2017.scss */
+/* line 4455, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions ul li {
   list-style: none;
   display: inline-block;
 }
-/* line 4456, ../../../scss/_clix2017.scss */
+/* line 4458, ../../../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 4462, ../../../scss/_clix2017.scss */
+/* line 4464, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions ul li span {
   display: inline-block;
   letter-spacing: 0.5px;
@@ -4193,7 +4199,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   cursor: pointer;
 }
 
-/* line 4478, ../../../scss/_clix2017.scss */
+/* line 4480, ../../../scss/_clix2017.scss */
 .course_editor_section {
   background: #fff;
   min-height: 100vh;
@@ -4203,20 +4209,20 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px;
 }
 
-/* line 4488, ../../../scss/_clix2017.scss */
+/* line 4490, ../../../scss/_clix2017.scss */
 .lesson-title {
   font-size: 14px;
   color: white;
 }
 
-/* line 4496, ../../../scss/_clix2017.scss */
+/* line 4498, ../../../scss/_clix2017.scss */
 .activity-title {
   font-size: 18px;
   padding-top: 10px;
   padding-left: 23px;
   margin: 0px;
 }
-/* line 4502, ../../../scss/_clix2017.scss */
+/* line 4504, ../../../scss/_clix2017.scss */
 .activity-title > li {
   list-style: none;
   border-top: 1px solid #e9e9e9;
@@ -4226,34 +4232,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 4511, ../../../scss/_clix2017.scss */
+/* line 4513, ../../../scss/_clix2017.scss */
 .activity-title > li.active {
   background: rgba(111, 8, 89, 0.49);
   font-weight: 600;
 }
-/* line 4516, ../../../scss/_clix2017.scss */
+/* line 4518, ../../../scss/_clix2017.scss */
 .activity-title > li > a {
   color: black;
 }
-/* line 4519, ../../../scss/_clix2017.scss */
+/* line 4521, ../../../scss/_clix2017.scss */
 .activity-title > li:hover {
   background: rgba(111, 8, 89, 0.24);
 }
 
-/* line 4529, ../../../scss/_clix2017.scss */
+/* line 4531, ../../../scss/_clix2017.scss */
 .activity_page_rendered {
   margin-left: 20px;
   max-width: 100%;
 }
 
 /* Rating css */
-/* line 4538, ../../../scss/_clix2017.scss */
+/* line 4540, ../../../scss/_clix2017.scss */
 .rating-bar {
   /* the hidden clearer */
   /* this is gross, I threw this in to override the starred
   buttons when hovering. */
 }
-/* line 4540, ../../../scss/_clix2017.scss */
+/* line 4542, ../../../scss/_clix2017.scss */
 .rating-bar > span {
   /* remove inline-block whitespace */
   font-size: 0;
@@ -4261,19 +4267,19 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   unicode-bidi: bidi-override;
   direction: rtl;
 }
-/* line 4548, ../../../scss/_clix2017.scss */
+/* line 4550, ../../../scss/_clix2017.scss */
 .rating-bar.unrated {
   /* If the user has not rated yet */
 }
-/* line 4550, ../../../scss/_clix2017.scss */
+/* line 4552, ../../../scss/_clix2017.scss */
 .rating-bar.unrated:checked ~ label:before {
   color: #ffc14e;
 }
-/* line 4556, ../../../scss/_clix2017.scss */
+/* line 4558, ../../../scss/_clix2017.scss */
 .rating-bar [type*="radio"] {
   display: none;
 }
-/* line 4558, ../../../scss/_clix2017.scss */
+/* line 4560, ../../../scss/_clix2017.scss */
 .rating-bar [type*="radio"] + label {
   /* only enough room for the star */
   display: inline-block;
@@ -4286,7 +4292,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 0;
   vertical-align: bottom;
 }
-/* line 4570, ../../../scss/_clix2017.scss */
+/* line 4572, ../../../scss/_clix2017.scss */
 .rating-bar [type*="radio"] + label:before {
   display: inline-block;
   text-indent: -9999px;
@@ -4294,32 +4300,32 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   /* WHITE STAR */
   color: #888;
 }
-/* line 4577, ../../../scss/_clix2017.scss */
+/* line 4579, ../../../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 4588, ../../../scss/_clix2017.scss */
+/* line 4590, ../../../scss/_clix2017.scss */
 .rating-bar .last[type*="radio"] + label {
   text-indent: -9999px;
   width: .5em;
   margin-left: -.5em;
 }
-/* line 4595, ../../../scss/_clix2017.scss */
+/* line 4597, ../../../scss/_clix2017.scss */
 .rating-bar .last[type*="radio"] + label:before {
   width: .5em;
   height: 1.4em;
 }
-/* line 4603, ../../../scss/_clix2017.scss */
+/* line 4605, ../../../scss/_clix2017.scss */
 .rating-bar:hover [type*="radio"] + label:before {
   content: '\2606';
   /* WHITE STAR */
   color: #888;
   text-shadow: none;
 }
-/* line 4608, ../../../scss/_clix2017.scss */
+/* line 4610, ../../../scss/_clix2017.scss */
 .rating-bar:hover [type*="radio"] + label:hover ~ label:before,
 .rating-bar:hover [type*="radio"] + label:hover:before {
   content: '\2605';
@@ -4331,7 +4337,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
  * Sass styles related to unit cards
  */
-/* line 4627, ../../../scss/_clix2017.scss */
+/* line 4629, ../../../scss/_clix2017.scss */
 .unit_card {
   width: 300px;
   color: #000;
@@ -4343,11 +4349,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   height: 210px;
 }
-/* line 4639, ../../../scss/_clix2017.scss */
+/* line 4641, ../../../scss/_clix2017.scss */
 .unit_card:hover {
   box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
 }
-/* line 4644, ../../../scss/_clix2017.scss */
+/* line 4646, ../../../scss/_clix2017.scss */
 .unit_card .unit_status {
   position: absolute;
   right: 0px;
@@ -4358,11 +4364,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-radius: 3px;
   letter-spacing: 0.6px;
 }
-/* line 4655, ../../../scss/_clix2017.scss */
+/* line 4657, ../../../scss/_clix2017.scss */
 .unit_card .unit_header {
   display: table;
 }
-/* line 4657, ../../../scss/_clix2017.scss */
+/* line 4659, ../../../scss/_clix2017.scss */
 .unit_card .unit_header .unit_banner {
   display: table-cell;
   border-radius: 5px;
@@ -4371,7 +4377,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-right: 10px;
   color: #333333;
 }
-/* line 4665, ../../../scss/_clix2017.scss */
+/* line 4667, ../../../scss/_clix2017.scss */
 .unit_card .unit_header .unit_title {
   display: table-cell;
   font-size: 20px;
@@ -4385,7 +4391,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   vertical-align: middle;
   color: #333333;
 }
-/* line 4679, ../../../scss/_clix2017.scss */
+/* line 4681, ../../../scss/_clix2017.scss */
 .unit_card .unit_desc {
   display: block;
   /* Fallback for non-webkit */
@@ -4402,16 +4408,16 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 10px 0px 20px;
   color: #333333;
 }
-/* line 4695, ../../../scss/_clix2017.scss */
+/* line 4697, ../../../scss/_clix2017.scss */
 .unit_card .unit_breif .unit_breif_row i {
   margin-right: 10px;
   color: #99aaba;
 }
-/* line 4701, ../../../scss/_clix2017.scss */
+/* line 4703, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions {
   padding: 5px 0px;
 }
-/* line 4706, ../../../scss/_clix2017.scss */
+/* line 4708, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .unit-card-enrol {
   background: #a2238d;
   height: 37px;
@@ -4424,11 +4430,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 4718, ../../../scss/_clix2017.scss */
+/* line 4720, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .unit-card-enrol:hover {
   box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.68);
 }
-/* line 4723, ../../../scss/_clix2017.scss */
+/* line 4725, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .unit-card-analytics {
   color: #a2238d;
   font-weight: 500;
@@ -4436,7 +4442,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   letter-spacing: 0.3px;
   border-bottom: 2px solid #a2238d;
 }
-/* line 4731, ../../../scss/_clix2017.scss */
+/* line 4733, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .unit-card-analytics-points {
   background: #ffffff;
   color: #a2238d;
@@ -4447,7 +4453,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   font-weight: bold;
   cursor: default;
 }
-/* line 4742, ../../../scss/_clix2017.scss */
+/* line 4744, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .view_unit {
   height: 37px;
   text-align: center;
@@ -4456,7 +4462,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 4750, ../../../scss/_clix2017.scss */
+/* line 4752, ../../../scss/_clix2017.scss */
 .unit_card .unit_actions .view_unit:hover {
   border-bottom: 2px solid #ffc14e;
 }
@@ -4464,7 +4470,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /*
    Common css
  */
-/* line 4761, ../../../scss/_clix2017.scss */
+/* line 4763, ../../../scss/_clix2017.scss */
 .text-button-blue {
   background-color: transparent;
   color: #00A9EE;
@@ -4477,54 +4483,54 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
     Status styles added for the unit styles.
  */
-/* line 4780, ../../../scss/_clix2017.scss */
+/* line 4782, ../../../scss/_clix2017.scss */
 .in-progress-status {
   color: #fff;
   background-color: #fd9e29;
 }
 
-/* line 4785, ../../../scss/_clix2017.scss */
+/* line 4787, ../../../scss/_clix2017.scss */
 .in-complete-status {
   color: #fff;
   background-color: #fd9e29;
 }
 
-/* line 4790, ../../../scss/_clix2017.scss */
+/* line 4792, ../../../scss/_clix2017.scss */
 .thumbnail_style {
   margin-top: -30px;
   margin-left: -30px;
 }
 
-/* line 4795, ../../../scss/_clix2017.scss */
+/* line 4797, ../../../scss/_clix2017.scss */
 .strip {
   height: 143px;
   margin-left: -13px;
   margin-bottom: 10px;
 }
 
-/* line 4801, ../../../scss/_clix2017.scss */
+/* line 4803, ../../../scss/_clix2017.scss */
 .title-strip {
   box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
   margin-top: -29px;
   padding-left: 10px;
 }
-/* line 4805, ../../../scss/_clix2017.scss */
+/* line 4807, ../../../scss/_clix2017.scss */
 .title-strip a {
   float: right;
   padding-right: 18px;
   text-transform: uppercase;
   color: #007095;
 }
-/* line 4815, ../../../scss/_clix2017.scss */
+/* line 4817, ../../../scss/_clix2017.scss */
 .title-strip .position-actions {
   margin-top: -60px;
   margin-left: 760px;
 }
-/* line 4820, ../../../scss/_clix2017.scss */
+/* line 4822, ../../../scss/_clix2017.scss */
 .title-strip .right-margin {
   margin-right: 46px;
 }
-/* line 4823, ../../../scss/_clix2017.scss */
+/* line 4825, ../../../scss/_clix2017.scss */
 .title-strip .course_actions > span {
   background: #fff;
   border: 1px solid rgba(255, 255, 255, 0.7);
@@ -4538,7 +4544,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 30px;
   z-index: 1;
 }
-/* line 4840, ../../../scss/_clix2017.scss */
+/* line 4842, ../../../scss/_clix2017.scss */
 .title-strip .course_actions > i {
   margin-right: 3px;
   background: rgba(0, 0, 0, 0.6);
@@ -4551,7 +4557,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-radius: 3px;
 }
 
-/* line 4854, ../../../scss/_clix2017.scss */
+/* line 4856, ../../../scss/_clix2017.scss */
 .dropdown-settings {
   text-align: left;
   text-transform: none;
@@ -4561,13 +4567,13 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   background: white;
   border-radius: 1px;
 }
-/* line 4862, ../../../scss/_clix2017.scss */
+/* line 4864, ../../../scss/_clix2017.scss */
 .dropdown-settings:hover {
   color: #ce7869;
   border-left: 2px solid #ffc14e;
 }
 
-/* line 4868, ../../../scss/_clix2017.scss */
+/* line 4870, ../../../scss/_clix2017.scss */
 .activity-slides-container {
   height: 100%;
   width: 80%;
@@ -4576,19 +4582,19 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   padding: 0em 0em 0em 0em;
   margin-bottom: 15px;
 }
-/* line 4877, ../../../scss/_clix2017.scss */
+/* line 4879, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides {
   height: 100%;
   color: #f8f8f8;
 }
-/* line 4882, ../../../scss/_clix2017.scss */
+/* line 4884, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide {
   padding: 1em;
   height: inherit;
   background: #fff;
   position: relative;
 }
-/* line 4888, ../../../scss/_clix2017.scss */
+/* line 4890, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide .view-related-content {
   border: 1px solid #999;
   display: inline-block;
@@ -4596,12 +4602,12 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #999999;
   margin-left: 12%;
 }
-/* line 4896, ../../../scss/_clix2017.scss */
+/* line 4898, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide .page > section {
   margin-left: 50%;
   transform: translate(-50%);
 }
-/* line 4902, ../../../scss/_clix2017.scss */
+/* line 4904, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .related-content-close {
   position: absolute;
   right: -2px;
@@ -4610,21 +4616,21 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   display: none;
   color: #8E8E8E;
 }
-/* line 4911, ../../../scss/_clix2017.scss */
+/* line 4913, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded > i {
   font-size: 20px !important;
   color: #ccc !important;
   top: 8px !important;
 }
-/* line 4916, ../../../scss/_clix2017.scss */
+/* line 4918, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header {
   margin-left: 20px !important;
 }
-/* line 4918, ../../../scss/_clix2017.scss */
+/* line 4920, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header > span:first-child {
   display: none !important;
 }
-/* line 4921, ../../../scss/_clix2017.scss */
+/* line 4923, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .back-to-activity {
   display: inline-block !important;
   float: right;
@@ -4635,24 +4641,24 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #757575;
   margin-right: 20px;
 }
-/* line 4931, ../../../scss/_clix2017.scss */
+/* line 4933, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title {
   font-size: 15px !important;
   position: relative;
 }
-/* line 4935, ../../../scss/_clix2017.scss */
+/* line 4937, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title .related-content-close {
   display: block;
 }
-/* line 4938, ../../../scss/_clix2017.scss */
+/* line 4940, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title > i {
   display: none !important;
 }
-/* line 4943, ../../../scss/_clix2017.scss */
+/* line 4945, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-body {
   display: block !important;
 }
-/* line 4947, ../../../scss/_clix2017.scss */
+/* line 4949, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content {
   width: 100%;
   margin: 0px auto;
@@ -4664,7 +4670,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   color: #222222;
 }
-/* line 4958, ../../../scss/_clix2017.scss */
+/* line 4960, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content > i {
   color: #fff;
   font-size: 40px;
@@ -4672,15 +4678,15 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   left: 8px;
   top: 4px;
 }
-/* line 4966, ../../../scss/_clix2017.scss */
+/* line 4968, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header {
   margin-left: 40px;
 }
-/* line 4968, ../../../scss/_clix2017.scss */
+/* line 4970, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header .back-to-activity {
   display: none;
 }
-/* line 4971, ../../../scss/_clix2017.scss */
+/* line 4973, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header span {
   display: block;
   vertical-align: top;
@@ -4690,13 +4696,13 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   letter-spacing: 0.8px;
   color: #999999;
 }
-/* line 4980, ../../../scss/_clix2017.scss */
+/* line 4982, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header .related-content-title {
   font-size: 20px;
   color: #000;
   cursor: pointer;
 }
-/* line 4986, ../../../scss/_clix2017.scss */
+/* line 4988, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-body {
   display: none;
 }
@@ -4704,7 +4710,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
  * Sass styles related to module cards
  */
-/* line 5001, ../../../scss/_clix2017.scss */
+/* line 5003, ../../../scss/_clix2017.scss */
 .module_card {
   display: table;
   height: 290px;
@@ -4715,16 +4721,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 5011, ../../../scss/_clix2017.scss */
+/* line 5013, ../../../scss/_clix2017.scss */
 .module_card:hover {
   box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.68);
 }
-/* line 5015, ../../../scss/_clix2017.scss */
+/* line 5017, ../../../scss/_clix2017.scss */
 .module_card > div {
   display: table-cell;
   height: 290px;
 }
-/* line 5020, ../../../scss/_clix2017.scss */
+/* line 5022, ../../../scss/_clix2017.scss */
 .module_card .card_banner {
   width: 250px;
   height: 290px;
@@ -4738,14 +4744,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 5033, ../../../scss/_clix2017.scss */
+/* line 5035, ../../../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 5038, ../../../scss/_clix2017.scss */
+/* line 5040, ../../../scss/_clix2017.scss */
 .module_card .card_banner > img:hover {
   -webkit-transform: scale(1.03);
   -moz-transform: scale(1.03);
@@ -4754,7 +4760,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   transform: scale(1.03);
   opacity: 0.8;
 }
-/* line 5050, ../../../scss/_clix2017.scss */
+/* line 5052, ../../../scss/_clix2017.scss */
 .module_card .card_banner > h4 {
   position: absolute;
   top: 100px;
@@ -4763,7 +4769,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 5065, ../../../scss/_clix2017.scss */
+/* line 5067, ../../../scss/_clix2017.scss */
 .module_card .card_title {
   display: block;
   width: 230px;
@@ -4773,27 +4779,27 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 0px auto;
   letter-spacing: 1px;
 }
-/* line 5076, ../../../scss/_clix2017.scss */
+/* line 5078, ../../../scss/_clix2017.scss */
 .module_card.animated_card .card_banner {
   border-radius: 8px;
 }
-/* line 5079, ../../../scss/_clix2017.scss */
+/* line 5081, ../../../scss/_clix2017.scss */
 .module_card.animated_card:hover .card_banner {
   border-radius: 8px 0px 0px 8px;
 }
-/* line 5084, ../../../scss/_clix2017.scss */
+/* line 5086, ../../../scss/_clix2017.scss */
 .module_card.animated_card.isOpen .card_banner {
   border-radius: 8px 0px 0px 8px;
 }
-/* line 5088, ../../../scss/_clix2017.scss */
+/* line 5090, ../../../scss/_clix2017.scss */
 .module_card.animated_card:hover .card_summary {
   left: 30px;
 }
-/* line 5091, ../../../scss/_clix2017.scss */
+/* line 5093, ../../../scss/_clix2017.scss */
 .module_card.animated_card .card_summary {
   left: 5px;
 }
-/* line 5095, ../../../scss/_clix2017.scss */
+/* line 5097, ../../../scss/_clix2017.scss */
 .module_card .card_summary {
   width: 290px;
   padding: 0px 15px;
@@ -4809,35 +4815,35 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   /* Safari */
   transition-property: left;
 }
-/* line 5109, ../../../scss/_clix2017.scss */
+/* line 5111, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_label {
   font-weight: 500;
   font-size: 12.5px;
   letter-spacing: 1px;
   color: black;
 }
-/* line 5115, ../../../scss/_clix2017.scss */
+/* line 5117, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section {
   margin: 5px 0px;
   padding: 5px 0px;
 }
-/* line 5119, ../../../scss/_clix2017.scss */
+/* line 5121, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section:not(:last-child) {
   border-bottom: 1px solid #ccc;
 }
-/* line 5122, ../../../scss/_clix2017.scss */
+/* line 5124, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section p {
   margin-bottom: 7px;
   font-size: 12.5px;
 }
-/* line 5126, ../../../scss/_clix2017.scss */
+/* line 5128, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .ellipsis {
   width: 245px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-/* line 5134, ../../../scss/_clix2017.scss */
+/* line 5136, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .module-card-enrol {
   background: #a2238d;
   height: 37px;
@@ -4851,11 +4857,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 5147, ../../../scss/_clix2017.scss */
+/* line 5149, ../../../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 5153, ../../../scss/_clix2017.scss */
+/* line 5155, ../../../scss/_clix2017.scss */
 .module_card .card_summary .module_brief {
   display: block;
   /* Fallback for non-webkit */
@@ -4872,14 +4878,14 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: black;
 }
 
-/* line 5177, ../../../scss/_clix2017.scss */
+/* line 5179, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner {
   width: 100%;
   height: 150px;
   background-size: 100% 100%;
   position: relative;
 }
-/* line 5185, ../../../scss/_clix2017.scss */
+/* line 5187, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner:before {
   content: ' ';
   background-color: rgba(0, 0, 0, 0.1);
@@ -4892,27 +4898,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 5198, ../../../scss/_clix2017.scss */
+/* line 5200, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner:before a {
   cursor: pointer;
 }
-/* line 5203, ../../../scss/_clix2017.scss */
+/* line 5205, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .div-height {
   height: 150px !important;
   background-size: 100% 100%;
   position: absolute !important;
 }
-/* line 5211, ../../../scss/_clix2017.scss */
+/* line 5213, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .enroll_unit > a {
   cursor: pointer;
 }
-/* line 5215, ../../../scss/_clix2017.scss */
+/* line 5217, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading {
   color: #fff;
   display: inline-block;
   vertical-align: top;
 }
-/* line 5221, ../../../scss/_clix2017.scss */
+/* line 5223, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading .unit_name {
   font-size: 36px;
   font-family: OpenSans-Semibold;
@@ -4923,17 +4929,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 5232, ../../../scss/_clix2017.scss */
+/* line 5234, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading .right-margin {
   margin-right: 46px;
 }
 
-/* line 5241, ../../../scss/_clix2017.scss */
+/* line 5243, ../../../scss/_clix2017.scss */
 .border-bottom-lms-header {
   border-bottom: 1px solid #00000029;
 }
 
-/* line 5246, ../../../scss/_clix2017.scss */
+/* line 5248, ../../../scss/_clix2017.scss */
 .lms_secondary_header {
   width: 100%;
   position: relative;
@@ -4941,11 +4947,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 5252, ../../../scss/_clix2017.scss */
+/* line 5254, ../../../scss/_clix2017.scss */
 .lms_secondary_header .course_actions {
   margin-top: 8px;
 }
-/* line 5255, ../../../scss/_clix2017.scss */
+/* line 5257, ../../../scss/_clix2017.scss */
 .lms_secondary_header .course_actions > span {
   background: #2e3f51;
   border: 1px solid rgba(255, 255, 255, 0.7);
@@ -4957,11 +4963,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 5269, ../../../scss/_clix2017.scss */
+  /* line 5271, ../../../scss/_clix2017.scss */
   .lms_secondary_header .course_actions .course_actions {
     margin-top: 8px;
   }
-  /* line 5272, ../../../scss/_clix2017.scss */
+  /* line 5274, ../../../scss/_clix2017.scss */
   .lms_secondary_header .course_actions .course_actions > span {
     margin-left: 50px;
     background: #2e3f51;
@@ -4975,18 +4981,18 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   }
 }
 
-/* line 5294, ../../../scss/_clix2017.scss */
+/* line 5296, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 {
   margin-bottom: 0px;
   background-color: #fff;
   display: inline;
   width: 50%;
 }
-/* line 5299, ../../../scss/_clix2017.scss */
+/* line 5301, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li {
   display: inline-block;
 }
-/* line 5302, ../../../scss/_clix2017.scss */
+/* line 5304, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a {
   list-style-type: none;
   display: inline-block;
@@ -4997,23 +5003,23 @@ ul.nav_menu_1 > li > a {
   letter-spacing: 0.8px;
   border-bottom: 3px solid transparent;
 }
-/* line 5313, ../../../scss/_clix2017.scss */
+/* line 5315, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-bottom: 3px solid #a2238d;
 }
 
-/* line 5321, ../../../scss/_clix2017.scss */
+/* line 5323, ../../../scss/_clix2017.scss */
 ul.authoring-tab {
   background-color: #6f0859;
   margin-bottom: 0px;
   display: inline;
   width: 50%;
 }
-/* line 5326, ../../../scss/_clix2017.scss */
+/* line 5328, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li {
   display: inline-block;
 }
-/* line 5329, ../../../scss/_clix2017.scss */
+/* line 5331, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li > a {
   list-style-type: none;
   margin-right: -4px;
@@ -5026,61 +5032,61 @@ ul.authoring-tab > li > a {
   border-bottom: 3px solid transparent;
   color: #ffffff !important;
 }
-/* line 5340, ../../../scss/_clix2017.scss */
+/* line 5342, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-bottom: 3px solid #a2238d;
 }
 
-/* line 5351, ../../../scss/_clix2017.scss */
+/* line 5353, ../../../scss/_clix2017.scss */
 .course-content {
   background: #fff;
   margin: 20px auto;
   padding: 20px 0px;
   margin-top: 0px;
 }
-/* line 5359, ../../../scss/_clix2017.scss */
+/* line 5361, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node.jqtree-selected .jqtree-element {
   background: #fff;
 }
-/* line 5362, ../../../scss/_clix2017.scss */
+/* line 5364, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node > div {
   height: 35px;
 }
-/* line 5364, ../../../scss/_clix2017.scss */
+/* line 5366, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node > div a {
   margin-right: 0.7em;
 }
-/* line 5371, ../../../scss/_clix2017.scss */
+/* line 5373, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name {
   padding-left: 20px;
 }
-/* line 5373, ../../../scss/_clix2017.scss */
+/* line 5375, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name:not(:last-child) {
   border-bottom: 1px solid #d2cfcf;
 }
-/* line 5378, ../../../scss/_clix2017.scss */
+/* line 5380, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name > div .jqtree-title {
   color: #3c5264;
   font-size: 19px;
   font-weight: 600;
 }
-/* line 5386, ../../../scss/_clix2017.scss */
+/* line 5388, ../../../scss/_clix2017.scss */
 .course-content .course-activity-group > div .jqtree-title {
   color: #74a0c0;
   font-size: 17px;
 }
-/* line 5392, ../../../scss/_clix2017.scss */
+/* line 5394, ../../../scss/_clix2017.scss */
 .course-content .course-activity-name > div .jqtree-title {
   color: #74a0c0;
   font-size: 17px;
 }
 
-/* line 5399, ../../../scss/_clix2017.scss */
+/* line 5401, ../../../scss/_clix2017.scss */
 .listing-row {
   margin-top: 10px !important;
 }
 
-/* line 5403, ../../../scss/_clix2017.scss */
+/* line 5405, ../../../scss/_clix2017.scss */
 .raw_material_asset {
   width: auto;
   top: -0.50em;
@@ -5097,7 +5103,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.3px;
 }
 
-/* line 5419, ../../../scss/_clix2017.scss */
+/* line 5421, ../../../scss/_clix2017.scss */
 .status-completed {
   width: auto;
   top: -1.15em;
@@ -5114,7 +5120,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5435, ../../../scss/_clix2017.scss */
+/* line 5437, ../../../scss/_clix2017.scss */
 .status-in-progress {
   width: auto;
   top: -1.15em;
@@ -5131,7 +5137,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5452, ../../../scss/_clix2017.scss */
+/* line 5454, ../../../scss/_clix2017.scss */
 .status-upcoming {
   width: auto;
   top: -1.15em;
@@ -5148,7 +5154,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5469, ../../../scss/_clix2017.scss */
+/* line 5471, ../../../scss/_clix2017.scss */
 .status-draft {
   width: auto;
   top: -1.15em;
@@ -5165,33 +5171,33 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5487, ../../../scss/_clix2017.scss */
+/* line 5489, ../../../scss/_clix2017.scss */
 .lesson-dropdown ul {
   display: none;
 }
 
-/* line 5491, ../../../scss/_clix2017.scss */
+/* line 5493, ../../../scss/_clix2017.scss */
 .lesson-dropdown:hover ul {
   display: block;
 }
 
-/* line 5495, ../../../scss/_clix2017.scss */
+/* line 5497, ../../../scss/_clix2017.scss */
 .lesson_name_in_export {
   list-style: none;
 }
-/* line 5497, ../../../scss/_clix2017.scss */
+/* line 5499, ../../../scss/_clix2017.scss */
 .lesson_name_in_export:hover {
   border-left: 2.5px solid #ce7869;
 }
 
-/* line 5502, ../../../scss/_clix2017.scss */
+/* line 5504, ../../../scss/_clix2017.scss */
 .buddy_margin {
   margin-right: 80px;
   font-family: OpenSans-Regular;
   margin-top: 6px;
 }
 
-/* line 5508, ../../../scss/_clix2017.scss */
+/* line 5510, ../../../scss/_clix2017.scss */
 .lms_explore_head {
   width: 100%;
   height: 45px;
@@ -5199,63 +5205,63 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #164A7B;
   margin-top: -30px;
 }
-/* line 5514, ../../../scss/_clix2017.scss */
+/* line 5516, ../../../scss/_clix2017.scss */
 .lms_explore_head > p {
   margin-left: 81px;
   padding: 12px 0px 0px 1px;
   font-family: OpenSans-Semibold;
   font-size: 20px;
 }
-/* line 5520, ../../../scss/_clix2017.scss */
+/* line 5522, ../../../scss/_clix2017.scss */
 .lms_explore_head > a {
   padding: 12px 85px 3px 0px;
 }
 
-/* line 5524, ../../../scss/_clix2017.scss */
+/* line 5526, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit {
   width: 100%;
   height: 50px;
   background-color: #fff;
   color: #164A7B;
 }
-/* line 5529, ../../../scss/_clix2017.scss */
+/* line 5531, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit > p {
   margin-left: 81px;
   padding: 0px 0px 0px 1px;
   font-family: OpenSans-Semibold;
   font-size: 20px;
 }
-/* line 5535, ../../../scss/_clix2017.scss */
+/* line 5537, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit > a {
   padding: 0px 85px 3px 0px;
 }
 
-/* line 5540, ../../../scss/_clix2017.scss */
+/* line 5542, ../../../scss/_clix2017.scss */
 .lms_explore_back {
   background-color: #fff;
 }
 
-/* line 5544, ../../../scss/_clix2017.scss */
+/* line 5546, ../../../scss/_clix2017.scss */
 .lms_explore_back_unit {
   background-color: #fff;
   margin-top: -23.3px;
 }
 
-/* line 5549, ../../../scss/_clix2017.scss */
+/* line 5551, ../../../scss/_clix2017.scss */
 .empty-dashboard-message {
   border: 3px solid #e4e4e4;
   background: #f8f8f8;
   padding: 40px 0;
   text-align: center;
 }
-/* line 5554, ../../../scss/_clix2017.scss */
+/* line 5556, ../../../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 5560, ../../../scss/_clix2017.scss */
+/* line 5562, ../../../scss/_clix2017.scss */
 .empty-dashboard-message > a {
   background-color: #164a7b;
   border: 1px solid #164a7b;
@@ -5269,7 +5275,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   margin-left: 5px;
   padding: 15px 20px;
 }
-/* line 5573, ../../../scss/_clix2017.scss */
+/* line 5575, ../../../scss/_clix2017.scss */
 .empty-dashboard-message .button-explore-courses {
   font-size: 20px;
   font-weight: normal;
@@ -5279,7 +5285,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   width: 170px;
 }
 
-/* line 5586, ../../../scss/_clix2017.scss */
+/* line 5588, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner {
   width: 100%;
   height: 200px;
@@ -5287,7 +5293,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-size: 100% 100%;
   position: relative;
 }
-/* line 5593, ../../../scss/_clix2017.scss */
+/* line 5595, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner:before {
   content: ' ';
   background-color: rgba(0, 0, 0, 0.1);
@@ -5301,13 +5307,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 5607, ../../../scss/_clix2017.scss */
+/* line 5609, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile {
   position: absolute;
   bottom: 30px;
   left: 40px;
 }
-/* line 5612, ../../../scss/_clix2017.scss */
+/* line 5614, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo {
   display: inline-block;
   margin-right: 10px;
@@ -5316,53 +5322,53 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   overflow: hidden;
   background-color: #fff;
 }
-/* line 5620, ../../../scss/_clix2017.scss */
+/* line 5622, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo svg {
   height: 100px;
   width: 100px;
 }
-/* line 5625, ../../../scss/_clix2017.scss */
+/* line 5627, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo svg path {
   fill: #7a422a;
 }
-/* line 5630, ../../../scss/_clix2017.scss */
+/* line 5632, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .banner_heading {
   color: #fff;
   display: inline-block;
   vertical-align: top;
 }
-/* line 5635, ../../../scss/_clix2017.scss */
+/* line 5637, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .banner_heading .buddy_name {
   font-size: 23px;
   display: block;
   margin-bottom: 10px;
 }
-/* line 5643, ../../../scss/_clix2017.scss */
+/* line 5645, ../../../scss/_clix2017.scss */
 .mydesk_page .page_menu {
   border-bottom: 1px solid #e5e5e5;
 }
-/* line 5647, ../../../scss/_clix2017.scss */
+/* line 5649, ../../../scss/_clix2017.scss */
 .mydesk_page .page_menu li > a {
   padding: 12px 20px 9px;
 }
 
-/* line 5657, ../../../scss/_clix2017.scss */
+/* line 5659, ../../../scss/_clix2017.scss */
 .input_links {
   margin-left: 10px;
 }
-/* line 5659, ../../../scss/_clix2017.scss */
+/* line 5661, ../../../scss/_clix2017.scss */
 .input_links a {
   margin-right: 35px;
   margin-top: 5px;
 }
 
-/* line 5665, ../../../scss/_clix2017.scss */
+/* line 5667, ../../../scss/_clix2017.scss */
 #course-notification
 #status {
   width: 100% !important;
 }
 
-/* line 5671, ../../../scss/_clix2017.scss */
+/* line 5673, ../../../scss/_clix2017.scss */
 .add-note-btn {
   padding: 3px 11px;
   border-radius: 100%;
@@ -5374,7 +5380,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #6153AE;
 }
 
-/* line 5682, ../../../scss/_clix2017.scss */
+/* line 5684, ../../../scss/_clix2017.scss */
 .bef-note-btn {
   padding: 3px 11px;
   border-radius: 100%;
@@ -5386,7 +5392,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #6153AE;
 }
 
-/* line 5693, ../../../scss/_clix2017.scss */
+/* line 5695, ../../../scss/_clix2017.scss */
 .edit-note-btn {
   float: right;
   border: 1px solid #CFCFCF;
@@ -5396,12 +5402,12 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #f7f7f7;
   width: 85px;
 }
-/* line 5701, ../../../scss/_clix2017.scss */
+/* line 5703, ../../../scss/_clix2017.scss */
 .edit-note-btn i {
   margin-right: 5px;
 }
 
-/* line 5705, ../../../scss/_clix2017.scss */
+/* line 5707, ../../../scss/_clix2017.scss */
 .delete-note-btn {
   float: right;
   border: 1px solid #CFCFCF;
@@ -5412,39 +5418,39 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #f7f7f7;
   width: 85px;
 }
-/* line 5714, ../../../scss/_clix2017.scss */
+/* line 5716, ../../../scss/_clix2017.scss */
 .delete-note-btn i {
   margin-right: 5px;
 }
 
-/* line 5719, ../../../scss/_clix2017.scss */
+/* line 5721, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-check {
   color: green;
 }
 
-/* line 5722, ../../../scss/_clix2017.scss */
+/* line 5724, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-check-circle-o {
   color: green;
 }
 
-/* line 5725, ../../../scss/_clix2017.scss */
+/* line 5727, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-clock-o {
   color: orange;
 }
 
-/* line 5728, ../../../scss/_clix2017.scss */
+/* line 5730, ../../../scss/_clix2017.scss */
 .course-status-icon {
   font-size: 20px;
   margin-right: 5px;
 }
 
-/* line 5732, ../../../scss/_clix2017.scss */
+/* line 5734, ../../../scss/_clix2017.scss */
 .img-height {
   height: 150px;
   width: 1351px;
 }
 
-/* line 5737, ../../../scss/_clix2017.scss */
+/* line 5739, ../../../scss/_clix2017.scss */
 .wrapper-footer {
   box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.1);
   border-top: 1px solid #c5c6c7;
@@ -5458,7 +5464,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background: rgba(221, 221, 221, 0.18);
   clear: both;
 }
-/* line 5753, ../../../scss/_clix2017.scss */
+/* line 5755, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix {
   box-sizing: border-box;
   max-width: 1200px;
@@ -5466,85 +5472,85 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   margin-right: auto;
   margin: 0 auto;
 }
-/* line 5761, ../../../scss/_clix2017.scss */
+/* line 5763, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos {
   float: left;
   display: block;
   margin-right: 2.35765%;
   width: 65.88078%;
 }
-/* line 5767, ../../../scss/_clix2017.scss */
+/* line 5769, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos {
   margin: 10px 0px 0px 18px;
 }
-/* line 5770, ../../../scss/_clix2017.scss */
+/* line 5772, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol {
   display: inline;
   list-style-type: none;
 }
-/* line 5773, ../../../scss/_clix2017.scss */
+/* line 5775, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li {
   float: left;
   margin-right: 15px;
 }
-/* line 5776, ../../../scss/_clix2017.scss */
+/* line 5778, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li > a {
   color: #ce7869;
 }
-/* line 5778, ../../../scss/_clix2017.scss */
+/* line 5780, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li > a:hover {
   color: #ce7869;
   border-bottom: 3px solid #ffc14e;
 }
-/* line 5789, ../../../scss/_clix2017.scss */
+/* line 5791, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal {
   margin: 0px 0px 0px 20px;
 }
-/* line 5791, ../../../scss/_clix2017.scss */
+/* line 5793, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol {
   display: inline;
   list-style-type: none;
 }
-/* line 5794, ../../../scss/_clix2017.scss */
+/* line 5796, ../../../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 5799, ../../../scss/_clix2017.scss */
+/* line 5801, ../../../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 5804, ../../../scss/_clix2017.scss */
+/* line 5806, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol li > a:hover {
   color: #777;
   border-bottom: 3px solid #c90d97;
 }
-/* line 5814, ../../../scss/_clix2017.scss */
+/* line 5816, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo {
   margin: 13px 0;
   display: inline-block;
 }
-/* line 5817, ../../../scss/_clix2017.scss */
+/* line 5819, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo p {
   color: inherit;
   margin: 0;
   display: inline-block;
 }
-/* line 5821, ../../../scss/_clix2017.scss */
+/* line 5823, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo p a {
   display: inline-block;
 }
-/* line 5827, ../../../scss/_clix2017.scss */
+/* line 5829, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo .footer-logo > img {
   height: 10px;
 }
 
-/* line 5837, ../../../scss/_clix2017.scss */
+/* line 5839, ../../../scss/_clix2017.scss */
 #overlay {
   /* we set all of the properties for are overlay */
   height: 116px;
@@ -5565,7 +5571,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-radius: 10px;
 }
 
-/* line 5857, ../../../scss/_clix2017.scss */
+/* line 5859, ../../../scss/_clix2017.scss */
 #mask {
   /* create are mask */
   position: fixed;
@@ -5579,13 +5585,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 5868, ../../../scss/_clix2017.scss */
+/* line 5870, ../../../scss/_clix2017.scss */
 #overlay:target, #overlay:target + #mask {
   display: block;
   opacity: 1;
 }
 
-/* line 5872, ../../../scss/_clix2017.scss */
+/* line 5874, ../../../scss/_clix2017.scss */
 .close {
   /* to make a nice looking pure CSS3 close button */
   display: block;
@@ -5607,7 +5613,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-radius: 38px;
 }
 
-/* line 5891, ../../../scss/_clix2017.scss */
+/* line 5893, ../../../scss/_clix2017.scss */
 #open-overlay {
   /* open the overlay */
   padding: 0px 0px;
@@ -5620,7 +5626,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   -o-border-radius: 10px;
 }
 
-/* line 5902, ../../../scss/_clix2017.scss */
+/* line 5904, ../../../scss/_clix2017.scss */
 .enroll-btn {
   width: 90px;
   opacity: 1;
@@ -5636,44 +5642,44 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #4b4852;
 }
 
-/* line 5924, ../../../scss/_clix2017.scss */
+/* line 5926, ../../../scss/_clix2017.scss */
 .img-style-land {
   margin-top: 28px;
   margin-left: -56px;
 }
 
-/* line 5929, ../../../scss/_clix2017.scss */
+/* line 5931, ../../../scss/_clix2017.scss */
 .top-margin-translation {
   margin-top: 0px;
 }
 
-/* line 5933, ../../../scss/_clix2017.scss */
+/* line 5935, ../../../scss/_clix2017.scss */
 .activity-editor-header-top {
   margin-top: -50px;
 }
 
-/* line 5937, ../../../scss/_clix2017.scss */
+/* line 5939, ../../../scss/_clix2017.scss */
 .add-lesson-top-margin {
   margin-top: 5px;
 }
 
-/* line 5940, ../../../scss/_clix2017.scss */
+/* line 5942, ../../../scss/_clix2017.scss */
 .translation-detail-top-margin {
   margin-top: 0px;
 }
 
-/* line 5943, ../../../scss/_clix2017.scss */
+/* line 5945, ../../../scss/_clix2017.scss */
 .outer {
   width: 100%;
   text-align: center;
 }
 
-/* line 5948, ../../../scss/_clix2017.scss */
+/* line 5950, ../../../scss/_clix2017.scss */
 .inner {
   display: inline-block !important;
 }
 
-/* line 5953, ../../../scss/_clix2017.scss */
+/* line 5955, ../../../scss/_clix2017.scss */
 .transcript-toggler {
   display: block;
   width: 155px !important;
@@ -5689,7 +5695,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   text-transform: uppercase;
 }
 
-/* line 5970, ../../../scss/_clix2017.scss */
+/* line 5972, ../../../scss/_clix2017.scss */
 input.transcript-toggler {
   background-image: url(/static/ndf/images/Transcript.svg) no-repeat !important;
   background-color: transparent;
@@ -5710,33 +5716,33 @@ input.transcript-toggler {
   /* align the text vertically centered */
 }
 
-/* line 5983, ../../../scss/_clix2017.scss */
+/* line 5985, ../../../scss/_clix2017.scss */
 .double-buttons {
   margin-top: 100px;
   margin-left: 729px;
 }
 
-/* line 5988, ../../../scss/_clix2017.scss */
+/* line 5990, ../../../scss/_clix2017.scss */
 .lesson-form-name {
   padding-top: 10px;
 }
 
-/* line 5992, ../../../scss/_clix2017.scss */
+/* line 5994, ../../../scss/_clix2017.scss */
 .lesson-form-desc {
   padding-top: 25px;
 }
 
-/* line 5996, ../../../scss/_clix2017.scss */
+/* line 5998, ../../../scss/_clix2017.scss */
 .enroll_chkbox {
   transform: scale(1.5);
 }
 
-/* line 5999, ../../../scss/_clix2017.scss */
+/* line 6001, ../../../scss/_clix2017.scss */
 .enroll_all_users {
   width: 15% !important;
 }
 
-/* line 6003, ../../../scss/_clix2017.scss */
+/* line 6005, ../../../scss/_clix2017.scss */
 .enrollBtn {
   background: #a2238d;
   height: 50px;
@@ -5752,24 +5758,24 @@ input.transcript-toggler {
   letter-spacing: 0.4px;
 }
 
-/* line 6037, ../../../scss/_clix2017.scss */
+/* line 6039, ../../../scss/_clix2017.scss */
 .enroll-act_lbl {
   color: #0c2944;
 }
 
-/* line 6042, ../../../scss/_clix2017.scss */
+/* line 6044, ../../../scss/_clix2017.scss */
 .wrkspace {
   margin-right: 80px;
 }
 
-/* line 6046, ../../../scss/_clix2017.scss */
+/* line 6048, ../../../scss/_clix2017.scss */
 .status-btn {
   background-color: #fff;
   margin-right: auto;
   padding-bottom: 0px;
   text-transform: none;
 }
-/* line 6051, ../../../scss/_clix2017.scss */
+/* line 6053, ../../../scss/_clix2017.scss */
 .status-btn .disabled {
   background-color: #008cba;
   border-color: #007095;
@@ -5779,64 +5785,64 @@ input.transcript-toggler {
   box-shadow: none;
 }
 
-/* line 6061, ../../../scss/_clix2017.scss */
+/* line 6063, ../../../scss/_clix2017.scss */
 .margin-right-50 {
   margin-right: 50px;
 }
 
 /* responsive footer */
-/* line 6068, ../../../scss/_clix2017.scss */
+/* line 6070, ../../../scss/_clix2017.scss */
 .clearfix {
   clear: both;
 }
 
-/* line 6071, ../../../scss/_clix2017.scss */
+/* line 6073, ../../../scss/_clix2017.scss */
 .clr1 {
   background: #FFFFFF;
   color: #333743;
 }
 
-/* line 6072, ../../../scss/_clix2017.scss */
+/* line 6074, ../../../scss/_clix2017.scss */
 .clr2 {
   background: #F1F3F5;
   color: #8F94A3;
 }
 
-/* line 6073, ../../../scss/_clix2017.scss */
+/* line 6075, ../../../scss/_clix2017.scss */
 .clr3 {
   background: rgba(221, 221, 221, 0.18);
   color: #BDC3CF;
 }
 
-/* line 6074, ../../../scss/_clix2017.scss */
+/* line 6076, ../../../scss/_clix2017.scss */
 .clr4 {
   background: rgba(221, 221, 221, 0.18);
   color: #E3E7F2;
 }
 
-/* line 6075, ../../../scss/_clix2017.scss */
+/* line 6077, ../../../scss/_clix2017.scss */
 .clr5 {
   color: #F1F3F5;
 }
 
-/* line 6076, ../../../scss/_clix2017.scss */
+/* line 6078, ../../../scss/_clix2017.scss */
 .clr6 {
   color: #39B5A1;
 }
 
-/* line 6077, ../../../scss/_clix2017.scss */
+/* line 6079, ../../../scss/_clix2017.scss */
 .clr7 {
   color: #D45245;
 }
 
 /*##### Footer Structure #####*/
-/* line 6082, ../../../scss/_clix2017.scss */
+/* line 6084, ../../../scss/_clix2017.scss */
 .bo-wrap {
   clear: both;
   width: auto;
 }
 
-/* line 6086, ../../../scss/_clix2017.scss */
+/* line 6088, ../../../scss/_clix2017.scss */
 .bo-footer {
   clear: both;
   width: auto;
@@ -5845,24 +5851,24 @@ input.transcript-toggler {
   margin: 0 auto;
 }
 
-/* line 6094, ../../../scss/_clix2017.scss */
+/* line 6096, ../../../scss/_clix2017.scss */
 .bo-footer-social {
   text-align: left;
   line-height: 1px;
   padding: 10px 10px 10px 10px;
 }
-/* line 6099, ../../../scss/_clix2017.scss */
+/* line 6101, ../../../scss/_clix2017.scss */
 .bo-footer-social > a {
   color: #ce7869;
   word-spacing: 8px;
 }
-/* line 6102, ../../../scss/_clix2017.scss */
+/* line 6104, ../../../scss/_clix2017.scss */
 .bo-footer-social > a:hover {
   color: #ce7869;
   border-bottom: 3px solid #ffc14e;
 }
 
-/* line 6112, ../../../scss/_clix2017.scss */
+/* line 6114, ../../../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;
@@ -5870,13 +5876,13 @@ input.transcript-toggler {
   text-decoration: none !important;
   word-spacing: 3px;
 }
-/* line 6118, ../../../scss/_clix2017.scss */
+/* line 6120, ../../../scss/_clix2017.scss */
 .bo-footer-copyright > a:hover {
   color: #777;
   border-bottom: 3px solid #c90d97;
 }
 
-/* line 6125, ../../../scss/_clix2017.scss */
+/* line 6127, ../../../scss/_clix2017.scss */
 .bo-footer-smap {
   width: 600px;
   float: left;
@@ -5886,7 +5892,7 @@ input.transcript-toggler {
   word-spacing: 20px;
 }
 
-/* line 6134, ../../../scss/_clix2017.scss */
+/* line 6136, ../../../scss/_clix2017.scss */
 .bo-footer-uonline {
   width: 300px;
   /* Account for margins + border values */
@@ -5895,7 +5901,7 @@ input.transcript-toggler {
   text-align: center;
 }
 
-/* line 6141, ../../../scss/_clix2017.scss */
+/* line 6143, ../../../scss/_clix2017.scss */
 .bo-footer-power {
   width: 300px;
   padding: 5px 10px;
@@ -5909,19 +5915,19 @@ input.transcript-toggler {
 /*##### Footer Responsive #####*/
 /* for 980px or less */
 @media screen and (max-width: 980px) {
-  /* line 6157, ../../../scss/_clix2017.scss */
+  /* line 6159, ../../../scss/_clix2017.scss */
   .bo-footer {
     width: 95%;
     padding: 1% 2%;
   }
 
-  /* line 6161, ../../../scss/_clix2017.scss */
+  /* line 6163, ../../../scss/_clix2017.scss */
   .bo-footer-smap {
     width: 33%;
     padding: 1% 2%;
   }
 
-  /* line 6165, ../../../scss/_clix2017.scss */
+  /* line 6167, ../../../scss/_clix2017.scss */
   .bo-footer-uonline {
     width: 46%;
     padding: 1% 2%;
@@ -5929,7 +5935,7 @@ input.transcript-toggler {
     text-align: right;
   }
 
-  /* line 6172, ../../../scss/_clix2017.scss */
+  /* line 6174, ../../../scss/_clix2017.scss */
   .bo-footer-power {
     clear: both;
     padding: 1% 2%;
@@ -5940,21 +5946,21 @@ input.transcript-toggler {
 }
 /* for 700px or less */
 @media screen and (max-width: 600px) {
-  /* line 6183, ../../../scss/_clix2017.scss */
+  /* line 6185, ../../../scss/_clix2017.scss */
   .bo-footer-smap {
     width: auto;
     float: none;
     text-align: center;
   }
 
-  /* line 6189, ../../../scss/_clix2017.scss */
+  /* line 6191, ../../../scss/_clix2017.scss */
   .bo-footer-uonline {
     width: auto;
     float: none;
     text-align: center;
   }
 
-  /* line 6195, ../../../scss/_clix2017.scss */
+  /* line 6197, ../../../scss/_clix2017.scss */
   .bo-footer-power {
     width: auto;
     float: none;
@@ -5962,36 +5968,36 @@ input.transcript-toggler {
   }
 }
 /* for 480px or less */
-/* line 6209, ../../../scss/_clix2017.scss */
+/* line 6211, ../../../scss/_clix2017.scss */
 .color-btn {
   background-color: #720f5e;
   width: 77px;
   margin-left: 17px;
 }
-/* line 6213, ../../../scss/_clix2017.scss */
+/* line 6215, ../../../scss/_clix2017.scss */
 .color-btn:hover {
   color: #720f5e;
   background-color: #ffffff;
 }
 
-/* line 6219, ../../../scss/_clix2017.scss */
+/* line 6221, ../../../scss/_clix2017.scss */
 .mid_label {
   margin-top: 15px;
   font-size: 15px;
 }
 
-/* line 6224, ../../../scss/_clix2017.scss */
+/* line 6226, ../../../scss/_clix2017.scss */
 .compulsory {
   color: red;
   font-size: smaller;
 }
 
-/* line 6229, ../../../scss/_clix2017.scss */
+/* line 6231, ../../../scss/_clix2017.scss */
 .select-drop {
   height: auto;
 }
 
-/* line 6233, ../../../scss/_clix2017.scss */
+/* line 6235, ../../../scss/_clix2017.scss */
 .template-select {
   border: 1px solid #cccccc;
   border-radius: 5px;
@@ -6000,41 +6006,41 @@ input.transcript-toggler {
   font-size: 14px;
 }
 
-/* line 6241, ../../../scss/_clix2017.scss */
+/* line 6243, ../../../scss/_clix2017.scss */
 .white-text {
   color: white;
 }
 
-/* line 6246, ../../../scss/_clix2017.scss */
+/* line 6248, ../../../scss/_clix2017.scss */
 .quiz-player .quiz_qtn {
   margin-left: 20px !important;
   font-size: 20px;
 }
-/* line 6250, ../../../scss/_clix2017.scss */
+/* line 6252, ../../../scss/_clix2017.scss */
 .quiz-player .question_edit {
   margin-left: 20px !important;
 }
-/* line 6254, ../../../scss/_clix2017.scss */
+/* line 6256, ../../../scss/_clix2017.scss */
 .quiz-player input[type=checkbox], .quiz-player input[type=radio] {
   margin-right: 10px;
   width: 15px;
   height: 15px;
 }
-/* line 6260, ../../../scss/_clix2017.scss */
+/* line 6262, ../../../scss/_clix2017.scss */
 .quiz-player .chk_ans_lbl, .quiz-player .rad_ans_lbl {
   font-size: 22px;
   margin-left: 5px;
 }
-/* line 6265, ../../../scss/_clix2017.scss */
+/* line 6267, ../../../scss/_clix2017.scss */
 .quiz-player .fi-check {
   color: green;
 }
-/* line 6269, ../../../scss/_clix2017.scss */
+/* line 6271, ../../../scss/_clix2017.scss */
 .quiz-player .fi-x {
   color: red;
 }
 
-/* line 6274, ../../../scss/_clix2017.scss */
+/* line 6276, ../../../scss/_clix2017.scss */
 .hyperlink-tag {
   cursor: pointer;
   cursor: pointer;
@@ -6047,7 +6053,7 @@ input.transcript-toggler {
   color: #164A7B;
 }
 
-/* line 6286, ../../../scss/_clix2017.scss */
+/* line 6288, ../../../scss/_clix2017.scss */
 .scard {
   background: #FFF;
   border: 1px solid #AAA;
@@ -6059,12 +6065,12 @@ input.transcript-toggler {
   height: 9rem;
   /*float:left;*/
 }
-/* line 6295, ../../../scss/_clix2017.scss */
+/* line 6297, ../../../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 6301, ../../../scss/_clix2017.scss */
+/* line 6303, ../../../scss/_clix2017.scss */
 .scard .scard_header {
   text-align: center;
   position: fixed;
@@ -6082,7 +6088,7 @@ input.transcript-toggler {
   font-weight: bold;
 }
 
-/* line 6318, ../../../scss/_clix2017.scss */
+/* line 6320, ../../../scss/_clix2017.scss */
 .scard-content {
   height: 2.7em;
   padding: 0.5rem;
@@ -6095,7 +6101,7 @@ input.transcript-toggler {
   /*height: 8.25rem;*/
   background-color: #3e3e3e;
 }
-/* line 6329, ../../../scss/_clix2017.scss */
+/* line 6331, ../../../scss/_clix2017.scss */
 .scard-content .scard-title {
   font-size: 0.8em;
   margin-top: -1em;
@@ -6105,7 +6111,7 @@ input.transcript-toggler {
   text-align: center;
 }
 
-/* line 6342, ../../../scss/_clix2017.scss */
+/* line 6344, ../../../scss/_clix2017.scss */
 .scard-action {
   height: height;
   font-size: 0.6em;
@@ -6119,7 +6125,7 @@ input.transcript-toggler {
   background-color: #CCCCCC;
 }
 
-/* line 6357, ../../../scss/_clix2017.scss */
+/* line 6359, ../../../scss/_clix2017.scss */
 .scard-desc {
   font-size: 0.7em;
   color: #333333;
@@ -6135,7 +6141,7 @@ input.transcript-toggler {
   display-inline: block;
 }
 
-/* line 6374, ../../../scss/_clix2017.scss */
+/* line 6376, ../../../scss/_clix2017.scss */
 .scard-image {
   padding: 0px;
   margin: 0px;
@@ -6146,7 +6152,7 @@ input.transcript-toggler {
   overflow: hidden;
   background-color: #f2f2f2;
 }
-/* line 6383, ../../../scss/_clix2017.scss */
+/* line 6385, ../../../scss/_clix2017.scss */
 .scard-image img {
   border-radius: 2px 2px 0 0;
   display: block;
@@ -6155,18 +6161,18 @@ input.transcript-toggler {
   height: 100%;
 }
 
-/* line 6395, ../../../scss/_clix2017.scss */
+/* line 6397, ../../../scss/_clix2017.scss */
 .published.scard-action {
   background: #A6D9CB;
 }
 
-/* line 6399, ../../../scss/_clix2017.scss */
+/* line 6401, ../../../scss/_clix2017.scss */
 .draft.scard-action {
   content: "Draft";
   background: #DCDCDC;
 }
 
-/* line 6405, ../../../scss/_clix2017.scss */
+/* line 6407, ../../../scss/_clix2017.scss */
 .scard_footer {
   border-top: 1px solid rgba(160, 160, 160, 0.2);
   padding: 0.25rem 0.5rem;
@@ -6175,17 +6181,17 @@ input.transcript-toggler {
   height: 2rem;
 }
 
-/* line 6413, ../../../scss/_clix2017.scss */
+/* line 6415, ../../../scss/_clix2017.scss */
 .auto_width {
   width: auto !important;
 }
 
-/* line 6417, ../../../scss/_clix2017.scss */
+/* line 6419, ../../../scss/_clix2017.scss */
 .explore-settings-drop {
   margin-left: 59%;
   display: inline-block;
 }
-/* line 6420, ../../../scss/_clix2017.scss */
+/* line 6422, ../../../scss/_clix2017.scss */
 .explore-settings-drop > button {
   color: #6f0859;
   font-weight: 400;
@@ -6198,17 +6204,17 @@ input.transcript-toggler {
   margin-top: 10px;
   margin-left: 20px;
 }
-/* line 6431, ../../../scss/_clix2017.scss */
+/* line 6433, ../../../scss/_clix2017.scss */
 .explore-settings-drop > button:hover {
   border-radius: 10px;
   background-color: #6f0859;
   color: #ffffff;
 }
-/* line 6437, ../../../scss/_clix2017.scss */
+/* line 6439, ../../../scss/_clix2017.scss */
 .explore-settings-drop a {
   font-size: 16px;
 }
-/* line 6440, ../../../scss/_clix2017.scss */
+/* line 6442, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li {
   font-size: 0.875rem;
   cursor: pointer;
@@ -6216,42 +6222,42 @@ input.transcript-toggler {
   margin: 0;
   background-color: #6f0859;
 }
-/* line 6448, ../../../scss/_clix2017.scss */
+/* line 6450, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li a {
   color: white;
 }
-/* line 6450, ../../../scss/_clix2017.scss */
+/* line 6452, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li a:hover {
   color: #6f0859;
 }
-/* line 6455, ../../../scss/_clix2017.scss */
+/* line 6457, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li:hover {
   border-left: 4px solid #ffc14e;
   background-color: white;
 }
 
-/* line 6464, ../../../scss/_clix2017.scss */
+/* line 6466, ../../../scss/_clix2017.scss */
 .attempts_count {
   color: #000000 !important;
 }
 
-/* line 6470, ../../../scss/_clix2017.scss */
+/* line 6472, ../../../scss/_clix2017.scss */
 #course-settings-drop li a {
   text-align: left;
 }
 
-/* line 6478, ../../../scss/_clix2017.scss */
+/* line 6480, ../../../scss/_clix2017.scss */
 #asset-settings-drop li a {
   text-align: left;
 }
 
-/* line 6485, ../../../scss/_clix2017.scss */
+/* line 6487, ../../../scss/_clix2017.scss */
 .button-bg {
   background-color: #74b3dc;
 }
 
 /* Tools page css listing*/
-/* line 6492, ../../../scss/_clix2017.scss */
+/* line 6494, ../../../scss/_clix2017.scss */
 .polaroid {
   width: 330px;
   background-color: white;
@@ -6265,7 +6271,7 @@ input.transcript-toggler {
   cursor: pointer;
 }
 
-/* line 6505, ../../../scss/_clix2017.scss */
+/* line 6507, ../../../scss/_clix2017.scss */
 .polaroid:hover img {
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
@@ -6274,26 +6280,26 @@ input.transcript-toggler {
   transform: scale(1.05);
 }
 
-/* line 6514, ../../../scss/_clix2017.scss */
+/* line 6516, ../../../scss/_clix2017.scss */
 .container {
   text-align: center;
   padding: 10px 20px;
   border-top: 5px solid #164a7b;
   margin-top: 0px;
 }
-/* line 6520, ../../../scss/_clix2017.scss */
+/* line 6522, ../../../scss/_clix2017.scss */
 .container > p {
   color: black;
   font-size: 16px;
   font-weight: 500;
 }
 
-/* line 6529, ../../../scss/_clix2017.scss */
+/* line 6531, ../../../scss/_clix2017.scss */
 .tool-bg {
   background-color: rgba(87, 198, 250, 0.07);
 }
 
-/* line 6532, ../../../scss/_clix2017.scss */
+/* line 6534, ../../../scss/_clix2017.scss */
 .purple-btn {
   width: inherit;
   text-transform: uppercase;
@@ -6304,7 +6310,7 @@ input.transcript-toggler {
   border: 2px solid #6a0054;
 }
 
-/* line 6542, ../../../scss/_clix2017.scss */
+/* line 6544, ../../../scss/_clix2017.scss */
 .disable-purple-btn {
   width: inherit;
   text-transform: uppercase !important;
@@ -6315,27 +6321,27 @@ input.transcript-toggler {
   border: 2px solid #4b4852;
 }
 
-/* line 6552, ../../../scss/_clix2017.scss */
+/* line 6554, ../../../scss/_clix2017.scss */
 .user-analytics-data {
   margin: 42px 37px 37px 37px;
   border: 2px solid #aaaaaa;
 }
-/* line 6555, ../../../scss/_clix2017.scss */
+/* line 6557, ../../../scss/_clix2017.scss */
 .user-analytics-data .close-reveal-modal {
   font-size: 20px;
 }
 
-/* line 6559, ../../../scss/_clix2017.scss */
+/* line 6561, ../../../scss/_clix2017.scss */
 .left-space {
   margin-left: 0.5em;
 }
 
-/* line 6567, ../../../scss/_clix2017.scss */
+/* line 6569, ../../../scss/_clix2017.scss */
 .top-right-menu {
   margin-right: 80px !important;
 }
 
-/* line 6574, ../../../scss/_clix2017.scss */
+/* line 6576, ../../../scss/_clix2017.scss */
 .button-cancel-new {
   height: 2rem;
   padding: 0 2rem;
@@ -6353,12 +6359,12 @@ input.transcript-toggler {
   transition: all .1s ease;
   margin-right: 1px;
 }
-/* line 6590, ../../../scss/_clix2017.scss */
+/* line 6592, ../../../scss/_clix2017.scss */
 .button-cancel-new:hover {
   background-color: #fff;
   color: #333333;
 }
-/* line 6595, ../../../scss/_clix2017.scss */
+/* line 6597, ../../../scss/_clix2017.scss */
 .button-cancel-new > a {
   font-family: open_sansbold,sans-serif;
   font-size: 1.2rem;
@@ -6370,13 +6376,13 @@ input.transcript-toggler {
   transition: all .1s ease;
   margin-right: 1px;
 }
-/* line 6605, ../../../scss/_clix2017.scss */
+/* line 6607, ../../../scss/_clix2017.scss */
 .button-cancel-new > a:hover {
   background-color: #fff;
   color: #333333;
 }
 
-/* line 6613, ../../../scss/_clix2017.scss */
+/* line 6615, ../../../scss/_clix2017.scss */
 .button-save-new {
   height: 2rem;
   padding: 0 2rem;
@@ -6393,7 +6399,7 @@ input.transcript-toggler {
   color: #fff;
   transition: all .1s ease;
 }
-/* line 6628, ../../../scss/_clix2017.scss */
+/* line 6630, ../../../scss/_clix2017.scss */
 .button-save-new: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 5e4f6af199..329df172ef 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
@@ -3760,7 +3760,7 @@ ul.jqtree-tree .jqtree-toggler {
 // Activity player header
 
 $activity-border-color: #e0e0e0;
-$activity-header-height: 45px;
+$activity-header-height: 35px;;
 $activity-header-icon-block-width: 70px;
 body {
     background-color: #fff;
@@ -3796,7 +3796,7 @@ $ah_2_background_color_hover: rgba(244, 244, 244, 0.3);;
         position: relative;
         color: #6f0859;
         font-weight: 500;
-        font-size: 20px;
+        font-size: 16px;
         letter-spacing: 0.6px;
         padding: 0px 15px;
         //margin-left: -2px;
@@ -3898,11 +3898,15 @@ $ah_2_background_color_hover: rgba(244, 244, 244, 0.3);;
     }
 
     .lesson-nav{
+        position: relative;
+        color: #6f0859;
+        font-weight: 500;
+        font-size: 14px;
+        letter-spacing: 0.6px;
         @media screen and (min-width: 1025px) {
             float: right;
             margin-right:70px;
             background-color: $ah_2_background_color;
-
         }
 
         @media screen and (max-width: 1024px) {
@@ -3911,8 +3915,6 @@ $ah_2_background_color_hover: rgba(244, 244, 244, 0.3);;
         }
 
         div{
-            height: 45px;
-            line-height: 45px;
             display: inline-block;
             vertical-align: top;
         }
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/buddy.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/buddy.html
index ec3eca1ecf..4701cca2f1 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/buddy.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/buddy.html
@@ -39,12 +39,15 @@
         <div class="modal_header">
             <div class="modal_title">{% trans "Add a buddy" %} </div>
             <div class="modal_meta"> {% trans "Multiple users can be logged into the platform. Just specify your color and animal and click add to join the session." %}</div>
+                <button type="button" class="text_button close_add_buddy_modal" style="margin-left:818px;">{% trans "Cancel" %}</button>
+                <button type="button" class="blue_round_button add_buddy_submit">{% trans "Add" %}</button>
             <div class="sample_buddy buddy_icon">
                 <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="100px" height="100px" viewBox="0 0 100 100" version="1.1">
                     <g transform="translate(-381.42857,-570.93361)">
                     </g>
                 </svg>
             </div>
+
         </div>
         <div class="modal_body">
             <div class="add_buddy_step_1">

From 55a51edbb18c8559d5dcb4e8f147d444a55bbf49 Mon Sep 17 00:00:00 2001
From: Prachirb <prachibhatia24@yahoo.com>
Date: Tue, 27 Feb 2018 16:36:06 +0530
Subject: [PATCH 08/27] Removed the alert message for displaying the list of
 the current/busy buddy

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

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/buddy.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/buddy.html
index 4701cca2f1..521000ca12 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/buddy.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/buddy.html
@@ -1388,7 +1388,7 @@
                     displayMsg += '\n\nCurrently, you have NO buddies:\n'
                   };
 
-                  alert(displayMsg);
+                  //alert(displayMsg);
                   location.reload();
                   // addInOnlineBuddies(authId, buddyAnimalName, buddyColorName)
                   updateBuddyPanel(onlineBuddies);

From 5c881a77283100cc99f67fae7a208217274d7480 Mon Sep 17 00:00:00 2001
From: katkamrachana <katkam.rachana@gmail.com>
Date: Thu, 8 Mar 2018 15:06:58 +0530
Subject: [PATCH 09/27] use modules sort list sent from views

---
 .../gnowsys_ndf/ndf/templates/ndf/explore_2017.html    | 10 ++++++----
 .../ndf/templates/ndf/explore_secondary_header.html    |  7 ++-----
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/explore_2017.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/explore_2017.html
index a8a22accfc..685d859130 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/explore_2017.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/explore_2017.html
@@ -1,5 +1,5 @@
 {% extends "ndf/gbase.html" %}
-{% load check_is_gstaff get_group_object rewind_cursor from ndf_tags %}
+{% load check_is_gstaff get_group_object rewind_cursor cast_to_node from ndf_tags %}
 {% load i18n %}
 
 {% block title %} {{title|capfirst}} {% endblock title %}
@@ -7,7 +7,9 @@
 {% block body_content %}
 {% get_group_object as group_object %}
 {% check_is_gstaff group_id request.user as is_gstaff %}
-		{% include 'ndf/explore_secondary_header.html' %}
+{% cast_to_node modules_sort_list as modules_node_sort_list %}
+
+		{% include 'ndf/explore_secondary_header.html' with modules_node_sort_list=modules_node_sort_list %}
 		
 	<!--section role="tabpanel" aria-hidden="true" class="content active " style="border-style:none;"-->
 	{% if title == "workspaces" %}
@@ -20,8 +22,8 @@
 		</ul>
 	{% else %}
 		{% if modules_is_cur %}
-			{% rewind_cursor modules_cur as modules_cur %}
+			{% rewind_cursor all_modules as all_modules %}
 		{% endif %}
-		{% include "ndf/lms_explore.html" with title=title  %}
+		{% include "ndf/lms_explore.html" with title=title modules_node_sort_list=modules_node_sort_list %}
 	{% endif %}
 {% endblock body_content %}
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/explore_secondary_header.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/explore_secondary_header.html
index 28e34fac83..5d54f3db3c 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/explore_secondary_header.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/explore_secondary_header.html
@@ -4,11 +4,8 @@
 {% user_groups request.user.is_superuser request.user.id as user_grp_count %}
 {% get_gstudio_workspace_instance as is_workspace_instance %}
 {% if modules_is_cur %}
-{% rewind_cursor modules_cur as modules_cur %}
+	{% rewind_cursor all_modules as all_modules %}
 {% endif %}
-{% get_attribute_value group_id 'items_sort_list' as modules_sort_list %}
-{% cast_to_node modules_sort_list as modules_node_sort_list %}
-
 
 <nav class="top-bar-second" data-topbar role="navigation" id="top-bar-second">
 	<div class="small-12 medium-12 columns expore-type">
@@ -51,7 +48,7 @@
 							<div class="content">
 								<h4>{% trans "Module Display Ordering: " %}</h4>
 								<div>
-									{% include "ndf/widget_selector.html" with for='module_list' all_options=modules_cur selected_options=modules_node_sort_list oneline_element='true' %}
+									{% include "ndf/widget_selector.html" with for='module_list' all_options=all_modules selected_options=modules_node_sort_list oneline_element='true' %}
 								</div><br/>
 								<input type="button" id="save_module_order_list" class="right orange-button" value="{% trans 'SAVE' %}">
 							</div>

From 6dc3eff01a19d1476380bb4dd898160e30bb6ebc Mon Sep 17 00:00:00 2001
From: katkamrachana <katkam.rachana@gmail.com>
Date: Thu, 8 Mar 2018 15:07:32 +0530
Subject: [PATCH 10/27] show all modules as default if not sorting is applied

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

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_explore.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_explore.html
index 4995dc0d50..6f48d59714 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_explore.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_explore.html
@@ -6,7 +6,7 @@
   </div>
   <div class="small-12 columns">
   <ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-2" >
-      {% for each_obj in modules_cur %}
+      {% for each_obj in modules_node_sort_list %}
       <li class="card-image-wrapper">
         {% include "ndf/horizontal_card.html" with node=each_obj url_name="module_detail_url" first_arg=group_id second_arg=each_obj.pk third_arg=title %}
       </li>

From 217c9a6c89d6329037cd988cc1d5adf060d521ae Mon Sep 17 00:00:00 2001
From: katkamrachana <katkam.rachana@gmail.com>
Date: Thu, 8 Mar 2018 15:09:15 +0530
Subject: [PATCH 11/27] fetchcing all modules and sorted modules list. Delete
 sort-list gattribute if modified

---
 gnowsys-ndf/gnowsys_ndf/ndf/views/explore.py | 60 ++++++++++++--------
 1 file changed, 37 insertions(+), 23 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/views/explore.py b/gnowsys-ndf/gnowsys_ndf/ndf/views/explore.py
index 93ba8b4192..0e7c7d1e66 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/views/explore.py
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/views/explore.py
@@ -26,8 +26,8 @@
 from gnowsys_ndf.settings import GSTUDIO_SITE_NAME, GSTUDIO_NO_OF_OBJS_PP, GSTUDIO_PRIMARY_COURSE_LANGUAGE
 from gnowsys_ndf.ndf.models import Node, Group, GSystemType,  AttributeType, RelationType
 from gnowsys_ndf.ndf.models import node_collection, triple_collection
-from gnowsys_ndf.ndf.views.methods import get_execution_time, get_language_tuple, create_gattribute
-from gnowsys_ndf.ndf.templatetags.ndf_tags import check_is_gstaff, get_attribute_value
+from gnowsys_ndf.ndf.views.methods import get_execution_time, get_language_tuple, create_gattribute, delete_gattribute
+from gnowsys_ndf.ndf.templatetags.ndf_tags import check_is_gstaff, get_attribute_value, cast_to_node
 # from gnowsys_ndf.ndf.views.methods import get_group_name_id
 # from gnowsys_ndf.ndf.views.methods import get_node_common_fields, parse_template_data, get_execution_time, delete_node, replicate_resource
 
@@ -41,6 +41,7 @@
 group_id = node_collection.one({'_type': "Group", 'name': "home"})._id
 gst_module_name, gst_module_id = GSystemType.get_gst_name_id('Module')
 gst_base_unit_name, gst_base_unit_id = GSystemType.get_gst_name_id('base_unit')
+at_items_sort_list = node_collection.one({'_type': "AttributeType", 'name': "items_sort_list"})
 
 def explore(request):
     return HttpResponseRedirect(reverse('explore_courses', kwargs={}))
@@ -227,18 +228,20 @@ def explore_courses(request):
     context_variable = {
                         'title': title, 
                         'group_id': group_id, 'groupid': group_id,
+                        'modules_is_cur': True,
                     }
-    module_sort_list = get_attribute_value(group_id, 'items_sort_list')
-
-    if module_sort_list:
-        modules_cur = map(Node,module_sort_list)
-        context_variable.update({'modules_is_cur': False})
+    modules_sort_list = get_attribute_value(group_id, 'items_sort_list')
+    all_modules = node_collection.find({'member_of': gst_module_id ,'status':'PUBLISHED'}).sort('last_update', -1)
+    if modules_sort_list:
+        context_variable.update({'modules_sort_list': modules_sort_list})
     else:
-        modules_cur = node_collection.find({'member_of': gst_module_id ,'status':'PUBLISHED'}).sort('last_update', -1)
-        context_variable.update({'modules_is_cur': True})
-
-    module_unit_ids = [val for each_module in modules_cur for val in each_module.collection_set ]
+        context_variable.update({'modules_sort_list': list(all_modules)})
+        # modules_cur = map(Node,modules_sort_list)
+        # context_variable.update({'modules_is_cur': False})
+        # modules_node_sort_list = cast_to_node(modules_sort_list)
 
+    all_modules.rewind()
+    module_unit_ids = [val for each_module in all_modules for val in each_module.collection_set ]
 
     primary_lang_tuple = get_language_tuple(GSTUDIO_PRIMARY_COURSE_LANGUAGE)
 
@@ -306,8 +309,7 @@ def explore_courses(request):
                                               }).sort('last_update', -1)
     # base_unit_page_cur = paginator.Paginator(base_unit_cur, page_no, GSTUDIO_NO_OF_OBJS_PP)
 
-    context_variable.update({'modules_cur': modules_cur,'units_cur': base_unit_cur})
-
+    context_variable.update({'all_modules': all_modules, 'units_cur': base_unit_cur})
     return render_to_response(
         # "ndf/explore.html", changed as per new Clix UI
         "ndf/explore_2017.html",
@@ -319,20 +321,25 @@ def explore_courses(request):
 @get_execution_time
 def explore_drafts(request):
     title = 'drafts'
-    module_sort_list = None
-    module_sort_list = get_attribute_value(group_id, 'items_sort_list')
+    modules_sort_list = None
+    modules_sort_list = get_attribute_value(group_id, 'items_sort_list')
     context_variable = {
                         'title': title, 
                         'group_id': group_id, 'groupid': group_id,
+                        'modules_is_cur': True
                     }
-    if module_sort_list:
-        modules_cur = map(Node,module_sort_list)
-        context_variable.update({'modules_is_cur': False})
-    else:
-        modules_cur = node_collection.find({'member_of': gst_module_id ,'status':'PUBLISHED'}).sort('last_update', -1)
-        context_variable.update({'modules_is_cur': True})
+    modules_sort_list = get_attribute_value(group_id, 'items_sort_list')
 
-    module_unit_ids = [val for each_module in modules_cur for val in each_module.collection_set ]
+    all_modules = node_collection.find({'member_of': gst_module_id ,'status':'PUBLISHED'}).sort('last_update', -1)
+    if modules_sort_list:
+        context_variable.update({'modules_sort_list': modules_sort_list})
+    else:
+        context_variable.update({'modules_sort_list': list(all_modules)})
+        # modules_cur = map(Node,modules_sort_list)
+        # context_variable.update({'modules_is_cur': False})
+        # modules_node_sort_list = cast_to_node(modules_sort_list)
+    all_modules.rewind()
+    module_unit_ids = [val for each_module in all_modules for val in each_module.collection_set ]
 
 
     gstaff_access = check_is_gstaff(group_id,request.user)
@@ -368,8 +375,9 @@ def explore_drafts(request):
 #     base_unit_page_cur = paginator.Paginator(base_unit_cur, page_no, GSTUDIO_NO_OF_OBJS_PP)
 
     # base_unit_page_cur = paginator.Paginator(base_unit_cur, page_no, GSTUDIO_NO_OF_OBJS_PP)
+    context_variable.update({'all_modules': all_modules, 'units_cur': base_unit_cur})
 
-    context_variable.update({'modules_cur': modules_cur,'units_cur': base_unit_cur})
+    # context_variable.update({'modules_cur': modules_cur,'units_cur': base_unit_cur})
 
     return render_to_response(
         # "ndf/explore.html", changed as per new Clix UI
@@ -383,11 +391,17 @@ def module_order_list(request):
     response_dict = {"success": False}
     module_id_list = request.POST.get('module_list', [])
     try:
+        items_sort_list_gattr_node = triple_collection.one({'_type': 'GAttribute', 'subject': group_id, 
+            'attribute_type': at_items_sort_list._id, 'status': u'PUBLISHED'})
+        if items_sort_list_gattr_node:
+            ga_node = delete_gattribute(node_id=items_sort_list_gattr_node._id, deletion_type=0)
+
         if module_id_list:
             module_id_list = json.loads(module_id_list)
             module_obj_list = map(lambda each_id: Node.get_node_by_id(ObjectId(each_id)), module_id_list)
             ga_node = create_gattribute(ObjectId(group_id), 'items_sort_list', module_obj_list)
             response_dict["success"] = True
+
     except Exception as module_order_list_err:
         print "\nError Occurred in module_order_list(). ", module_order_list_err
         pass

From 8df85f8aa35160b304a2a8f2515b8db787a57ea3 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Thu, 8 Mar 2018 15:15:24 +0530
Subject: [PATCH 12/27] default base template set to lms.html for asset content
 detail

---
 gnowsys-ndf/gnowsys_ndf/ndf/views/gcourse.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/views/gcourse.py b/gnowsys-ndf/gnowsys_ndf/ndf/views/gcourse.py
index bd99710645..ba73f45e2b 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/views/gcourse.py
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/views/gcourse.py
@@ -3538,7 +3538,7 @@ def assetcontent_detail(request, group_id, asset_id,asst_content_id,page_no=1):
     group_obj = get_group_name_id(group_id, get_obj=True)
     # print group_id,asset_id,asst_content_id
     asset_content_list = get_relation_value(ObjectId(asset_obj._id),'has_assetcontent')
-    template = 'ndf/gevent_base.html'
+    template = 'ndf/lms.html'
     assetcontent_page_info = paginator.Paginator(asset_content_list['grel_node'], page_no, GSTUDIO_NO_OF_OBJS_PP)
     context_variables = {
             'asset_content_list':asset_content_list,'group_id':group_id,

From 88a00b0a338d297c44ef89c8776250e28776c6e0 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Thu, 8 Mar 2018 15:16:19 +0530
Subject: [PATCH 13/27] contributed by field commented if announced unit

---
 .../gnowsys_ndf/ndf/templates/ndf/node_ajax_content.html       | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/node_ajax_content.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/node_ajax_content.html
index cd7700b380..7580f1e281 100755
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/node_ajax_content.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/node_ajax_content.html
@@ -8,6 +8,7 @@
 {% get_gstudio_twitter_via as twitter_via %}
 {% check_is_gstaff groupid request.user as is_gstaff %}
 {#% get_gstudio_facebook_app_id as fb_app_id %#}
+{% get_group_object groupid as group_obj %}
 {% get_gstudio_social_share_resource as social_share %}
 <script type="text/javascript" src="/static/ndf/bower_components/ckeditor/ckeditor.js"></script>
 <script type="text/javascript" src="/static/ndf/bower_components/ckeditor/config.js"></script>
@@ -535,7 +536,7 @@ <h4 class="text-right small-4 columns redirection" onclick="Book.nextPage();">
 
      {% if not topic and not is_group %}
              <div>
-             {% if site.SITE_NAME != "NROER" %}
+             {% if site.SITE_NAME != "NROER"  and 'announced_unit' not in group_obj.member_of_names_list %}
                <small class="text-gray">
                   [<em>{% trans "Contributed by" %} {{ node.user_details_dict.contributors|join:', ' }}</em> on {{node.last_update}}]
                 </small>

From 13749d8a4ce38edc83a9c64980f7e7f31c81d539 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Thu, 8 Mar 2018 15:16:45 +0530
Subject: [PATCH 14/27] file size added in asset content detail view

---
 .../gnowsys_ndf/ndf/templates/ndf/asset_content_detail.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/asset_content_detail.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/asset_content_detail.html
index 45c71552c1..d9504b665c 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/asset_content_detail.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/asset_content_detail.html
@@ -3,6 +3,7 @@
 {% check_is_gstaff group_id request.user as is_gstaff %}
 {% get_download_filename node as download_filename %}
 {% get_group_object groupid as group_object %}
+{% get_file_obj node as file_obj %}
 <div class="row">
   <div class="medium 12 columns">
 	    <div class="left small-12 medium-6 columns">
@@ -13,6 +14,11 @@
                     <label>{% trans "Created By:" %} <b> {{ node.user_details_dict.contributors|join:', ' }} </b>
                       <!--<input type="text" placeholder="" name="resource_name" />-->
                   </label>
+                  {% if file_obj.length %}
+                  <label>{% trans "File Size:" %} <b> {{file_obj.length|filesizeformat}} </b>
+                      <!--<input type="text" placeholder="" name="resource_name" />-->
+                  </label>
+                  {% endif %}
 
 	      <div class="preview_asset"> 
            {% if title == "asset_content_detail" or title == "asset_gallery_detail" or title == "raw_material_detail"%}

From c98eb8c06d1653a4a349c670ad842c1cb257a9e7 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Thu, 8 Mar 2018 15:53:54 +0530
Subject: [PATCH 15/27] my workspace added for all sites

---
 .../ndf/templates/ndf/lms_dashboard.html      | 69 +++++++++++++------
 1 file changed, 47 insertions(+), 22 deletions(-)

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 74eea1ec9b..22124e6744 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_dashboard.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_dashboard.html
@@ -13,6 +13,7 @@
 {% get_gstudio_workspace_instance as is_workspace_instance %}
 
 <div class="mydesk_page">
+
   <div class="page_banner">
     <div class="banner_overlay"></div>
     <div class="banner_profile">
@@ -32,14 +33,23 @@
   <div class="page_menu">
     <ul class="nav_menu_1">
       <li>
-        <a href="{% url 'my_desk' request.user.id  %}" {% if title == "my desk" %} class="selected" {% endif %}> {% if  is_workspace_instance %} {% trans "My Workspaces" %} {% else %} <i class="fi-book-bookmark" style="font-size:20px;"></i> {% trans "My Courses" %} {% endif %} </a>
+
+        {% if site.SITE_NAME == "NROER" %}
+          <a href="{% url 'my_desk' request.user.id  %}" {% if title == "my desk" %} class="selected" {% endif %}><i class="fi-book-bookmark" style="font-size:20px;"></i> {% trans "My Workspaces" %}</a>
+
+        {% else %}
+          <a href="{% url 'my_desk' request.user.id  %}" {% if title == "my desk" %} class="selected" {% endif %}> {% if  is_workspace_instance %} {% trans "My Workspaces" %} {% else %} <i class="fi-book-bookmark" style="font-size:20px;"></i> {% trans "My Courses" %} {% endif %} </a>
+        {% endif %}
       </li>
 
+
+     {# <li class=""><a {% if title == "my workspace" %} class="selected" {% endif %} href="{% url 'course_about' request.user.username  %}">{% trans "My WorkSpace" %}</a> </li> #} 
       <li class=""><a {% if title == "my performance" %} class="selected" {% endif %} href="{% url 'my_performance' request.user.id  %}"> <i class="fa fa-line-chart" aria-hidden="true"></i> {% trans "My Performance" %}</a> </li>
 
     </ul>
   </div>
 
+
   <ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2" >
     {% comment %}
 
@@ -51,32 +61,46 @@
     No modules found!
     {% endfor %}
   </ul>
-</div>
-{% endcomment %}
-</br>
+
+    {% endcomment %}
+    </br>
+
 <div class="small-12 columns group_sections_content">
-  {% if title == "my desk" %}
-  <div class="small-12 columns lms_explore_back_unit">
-    <ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-3">
-      {% for each_obj in units_cur %}
-      <li class="card-image-wrapper">
-        {% include "ndf/card_group.html" with node=each_obj url_name="groupchange" first_arg=each_obj.pk no_enroll=True %}
-      </li>
-      {% empty %}
-      <section class="empty-dashboard-message">
-        <p>You are not enrolled in any course!</p>
-          <a class="button-explore-courses" href="{% url 'explore_courses' %}"> <i class="fa fa-binoculars" aria-hidden="true"></i>  Explore</a>
-      </section>
-      {% endfor %}
-    </ul>
-  </div>
-  {% endif %}
-</div>
+    {% if title == "my desk" %}
+        <div class="row">
+          <h3> My Workspace</h3>
+            <ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-3">
+              <li class="card-image-wrapper">
+                {% include "ndf/card_group.html" with node=node url_name="course_about" first_arg=node.pk  no_enroll=True %}
+              </li>
+            </ul>
+        </div>
+        <hr/>
+        <div class="row">
+          <h3>Joined Workspaces & Enrolled Courses</h3>
+          </br>
+        </div>
+        <div class="small-12 columns lms_explore_back_unit">
+          <ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-3">
+            {% for each_obj in units_cur %}
+            <li class="card-image-wrapper">
+              {% include "ndf/card_group.html" with node=each_obj url_name="groupchange" first_arg=each_obj.pk no_enroll=True %}
+            </li>
+            {% empty %}
+            <section class="empty-dashboard-message">
+              <p>You are not enrolled in any course!</p>
+                <a class="button-explore-courses" href="{% url 'explore_courses' %}"> <i class="fa fa-binoculars" aria-hidden="true"></i>  Explore</a>
+            </section>
+            {% endfor %}
+          </ul>
+        </div>
+    {% endif %}  
+</div></div></div>
 
 <div class="small-12 columns group_sections_content">
   {% if title == "my performance" %}
   <div class="small-12 columns lms_explore_back_unit">
-    <ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-3">
+    <ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-3" style="margin-top: -200px;">
       {% for each_obj in units_cur %}
       <li class="card-image-wrapper">
         {% include "ndf/card_group.html" with group_counts=True node=each_obj no_url=True first_arg=each_obj.pk  %}
@@ -92,6 +116,7 @@
 </div>
 
 <div id="show-overlay" class="reveal-modal reveal-modal-overlay" data-options="close_on_background_click:false;close_on_esc:false;"  data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"></div>
+</div>
 
   <script type="text/javascript">
 

From dc7603c4c0bf22ea8648448f969eabcb947d7b48 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Thu, 8 Mar 2018 16:07:34 +0530
Subject: [PATCH 16/27] my workspace added in mydesk

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

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 22124e6744..1a3afc5917 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_dashboard.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_dashboard.html
@@ -67,7 +67,7 @@
 
 <div class="small-12 columns group_sections_content">
     {% if title == "my desk" %}
-        <div class="row">
+        <div class="row" style=" margin-left: 10px !important ">
           <h3> My Workspace</h3>
             <ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-3">
               <li class="card-image-wrapper">
@@ -76,10 +76,10 @@ <h3> My Workspace</h3>
             </ul>
         </div>
         <hr/>
-        <div class="row">
-          <h3>Joined Workspaces & Enrolled Courses</h3>
-          </br>
+        <div class="row" style=" margin-left: 10px !important ">
+          <h3 >Joined Workspaces & Enrolled Courses </h3>
         </div>
+          </br>
         <div class="small-12 columns lms_explore_back_unit">
           <ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-3">
             {% for each_obj in units_cur %}

From 64e0f9ff623f9817c7e4a45380e3a3f4544dcda8 Mon Sep 17 00:00:00 2001
From: katkamrachana <katkam.rachana@gmail.com>
Date: Thu, 8 Mar 2018 16:11:55 +0530
Subject: [PATCH 17/27] Replaced svg with font-awesome collapse icon in LMS.
 scroll-up the active Activity/Page

---
 .../ndf/templates/ndf/activity_player.html        | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/activity_player.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/activity_player.html
index fdacf6c310..e4c422d8e3 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/activity_player.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/activity_player.html
@@ -139,15 +139,11 @@
               <a>
                 <div class="first-strip">
                   <div class="lesson-title" title="{{trans_lesson_name}}">
-                    <b>{{trans_lesson_name}}</b>
+                    <b>{{trans_lesson_name}}</b> <i class="fa fa-angle-left right collapse-icon" style="font-size: 23px;"></i>
                   </div>
-                  <svg class="svg-arrow" style="margin-right:30px;" viewBox="0 0 8 12" version="1.1"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-                      <g id="Core" transform="translate(-260.000000, -90.000000)" fill="#FFFFFF">
-                          <g id="chevron-right" transform="translate(259.500000, 90.000000)">
-                            <polygon id="Shape" points="2 0 0.6 1.4 5.2 6 0.6 10.6 2 12 8 6"></polygon></g></g></g></svg>
                 </div>
               </a>
-              <div class="activity-title">
+              <div class="activity-title"  style="height: 90vh;">
               {% for each in act_list %}
                   {% for k,v in each.items  %}
                     <li  {% if v.basenodeid == activityid %} class="active" {% endif %}> <a href="{% url 'activity_player_detail' group_id lesson_node.pk v.basenodeid %}"> {% firstof v.altnames v.name %} </a></li>
@@ -233,6 +229,7 @@
 
     $('.first-strip').click(function(){
       $('.index').toggleClass('colapse-container collapse-container--open');
+      $('.collapse-icon').toggleClass('fa-angle-right fa-angle-left')
       $('.section-expand').toggleClass('small-8 small-10');
     });
 
@@ -270,6 +267,12 @@
 
   // start of document.ready()
   $(document).ready(function(event) {
+    var $container = $('.course_tree'),
+    $scrollTo = $('.activity-title').children('li.active');
+    $container.scrollTop(
+        $scrollTo.offset().top - $container.offset().top- $container.offset().top + $container.scrollTop()
+    );
+
     var iframes = document.getElementsByTagName('iframe');
     var key = 'assessment.Bank';
 

From ba9906ab92637665bc2fdc6d561417057b339bb8 Mon Sep 17 00:00:00 2001
From: katkamrachana <katkam.rachana@gmail.com>
Date: Thu, 8 Mar 2018 16:13:26 +0530
Subject: [PATCH 18/27] primary-pink added for transcripts. Open/Close icon
 toggle in lms index

---
 .../static/ndf/css/clix-activity-styles.css   |  2 +-
 .../static/ndf/css/themes/clix/clix2017.css   | 19 +++++++++----------
 .../ndf/static/ndf/scss/_clix2017.scss        | 16 ++++++++--------
 3 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/css/clix-activity-styles.css b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/css/clix-activity-styles.css
index be46ddfe5b..cef80a1ecf 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/css/clix-activity-styles.css
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/css/clix-activity-styles.css
@@ -741,7 +741,7 @@
         height: 30px;
         margin-top: -14px !important;
         padding: 9px 16px 2px;
-        background: radial-gradient(hsla(259, 40%, 40%, 1), hsla(259, 40%,30%, 1));
+        background: #713558;
         border-radius: 0 0 5px 5px;
         color: #fff;
         cursor: pointer;
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 53f9cc634c..7744ebc8ea 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
@@ -465,7 +465,7 @@ h5 {
 /* line 549, ../../../scss/_clix2017.scss */
 .top-bar, .top-bar .name {
   height: 52px;
-  background: rgba(107, 0, 84, 0.97);
+  background: #713558;
 }
 
 /* line 556, ../../../scss/_clix2017.scss */
@@ -492,11 +492,11 @@ h5 {
 }
 /* line 580, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul.left li {
-  border-right: 2px solid rgba(107, 0, 84, 0.97);
+  border-right: 2px solid #713558;
 }
 /* line 583, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li {
-  background: rgba(107, 0, 84, 0.97);
+  background: #713558;
 }
 /* line 587, ../../../scss/_clix2017.scss */
 .top-bar .top-bar-section ul li > a {
@@ -3597,7 +3597,7 @@ body {
 }
 /* line 3804, ../../../scss/_clix2017.scss */
 .activity_player_header .header_title a {
-  color: rgba(107, 0, 84, 0.97);
+  color: #713558;
 }
 @media only screen and (min-device-width: 1025px) and (max-device-width: 2130px) {
   /* line 3795, ../../../scss/_clix2017.scss */
@@ -3624,11 +3624,11 @@ body {
 .activity_player_header .header_icon {
   font-size: 16px;
   line-height: 35px;
-  color: rgba(107, 0, 84, 0.97);
+  color: #713558;
 }
 /* line 3887, ../../../scss/_clix2017.scss */
 .activity_player_header .header_icon_block {
-  color: rgba(107, 0, 84, 0.97);
+  color: #713558;
   width: 70px;
   cursor: pointer;
   text-align: center;
@@ -3678,7 +3678,7 @@ body {
 }
 /* line 3926, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_block a {
-  color: rgba(107, 0, 84, 0.97);
+  color: #713558;
 }
 /* line 3932, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_lg_block {
@@ -4218,7 +4218,6 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /* line 4498, ../../../scss/_clix2017.scss */
 .activity-title {
   font-size: 18px;
-  padding-top: 10px;
   padding-left: 23px;
   margin: 0px;
 }
@@ -5202,7 +5201,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   width: 100%;
   height: 45px;
   background-color: #fff;
-  color: #164A7B;
+  color: #713558;
   margin-top: -30px;
 }
 /* line 5516, ../../../scss/_clix2017.scss */
@@ -5686,7 +5685,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   height: 30px;
   margin-top: 0px !important;
   padding: 40px 29px 28px;
-  background: radial-gradient(#573d8f, #412e6b);
+  background: #713558;
   border-radius: 0 0 5px 5px;
   color: #fff;
   cursor: pointer;
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 329df172ef..5d281bf33d 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
@@ -2,7 +2,7 @@
 $primary-blue : #164A7B;
 $secondry-blue : #74b3dc;
 $tertiary-blue : #719dc7;
-
+$primary-pink : #713558;
 
 
 /*Orange color variables*/
@@ -548,7 +548,7 @@ h5{
 
 .top-bar, .top-bar .name {
     height: 52px;
-    background: rgba(107, 0, 84, 0.97);
+    background: $primary-pink;
 
 }
 
@@ -578,10 +578,10 @@ h5{
     .top-bar-section {
         ul {
             &.left li {
-                border-right: 2px solid rgba(107, 0, 84, 0.97);
+                border-right: 2px solid $primary-pink;
             }
             li {
-                background: rgba(107, 0, 84, 0.97);
+                background: $primary-pink;
 
 
                 &>a {
@@ -3769,7 +3769,7 @@ body {
 /*
     Styling for the Secondary header 2
 */
-$ah_2_icon_color: rgba(107, 0, 84, 0.97);
+$ah_2_icon_color: $primary-pink;
 $ah_2_background_color: #ffffff;
 $ah_2_background_color_hover: rgba(244, 244, 244, 0.3);;
 .activity_player_header {
@@ -4497,7 +4497,7 @@ ul.nav_menu_1 {
 
 .activity-title{
     font-size: 18px;
-    padding-top: 10px;
+    //padding-top: 10px;
     padding-left: 23px;
     margin: 0px;
 
@@ -5511,7 +5511,7 @@ ul.authoring-tab{
     width: 100%;
     height: 45px;
     background-color:#fff;
-    color: $primary-blue;
+    color: $primary-pink;
     margin-top:-30px;
     >p{
         margin-left: 81px;
@@ -5958,7 +5958,7 @@ ul.authoring-tab{
         height: 30px;
         margin-top: 0px !important;
         padding: 40px 29px 28px;
-        background: radial-gradient(hsla(259, 40%, 40%, 1), hsla(259, 40%,30%, 1));
+        background: $primary-pink;
         border-radius: 0 0 5px 5px;
         color: #fff;
         cursor: pointer;

From a65ff9a09cc3e66a946a00199581aa2b6a163114 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Thu, 8 Mar 2018 16:21:18 +0530
Subject: [PATCH 19/27] icon for discuss button

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

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/in-line-texteditor.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/in-line-texteditor.html
index f8ca580c1a..0809933654 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/in-line-texteditor.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/in-line-texteditor.html
@@ -45,9 +45,9 @@
 
       <div {% if user_access_priv == "allow" %} onclick="createDiscussion()" class="ckeditor-comment  explore-button "{% else %} class="ckeditor-comment explore-button user_not_enrolled" {% endif %} id="create-discussion" data-id="{{ node.pk }}"   style="margin-bottom:0;">
         {% if thr_int_type %}
-          {{thr_int_type}} {% if all_replies|length > 0 %}({{all_replies|length }}) {% endif %}
+          {{thr_int_type}} <i class="fa fa-comments"></i>  {% if all_replies|length > 0 %}({{all_replies|length }}) {% endif %}
         {% else %}
-          {{default_discussion_lbl}}  {% if all_replies|length > 0 %} ({{all_replies|length }}) {% endif %}
+          {{default_discussion_lbl}}  <i class="fa fa-comments"></i> {% if all_replies|length > 0 %} ({{all_replies|length }}) {% endif %}
         {% endif %}
       </div>
     {% endif %}

From 3e78be13e3cde3fb9f4d36f437e7d29e365e87bd Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Thu, 8 Mar 2018 16:36:39 +0530
Subject: [PATCH 20/27] transcript icon added in audio widget

---
 .../ndf/static/ndf/images/Transcript_v1.svg   | 29 +++++++++++++++++++
 .../ndf/templates/ndf/in-line-texteditor.html |  4 +--
 .../templates/ndf/widget_audio_player.html    |  4 +--
 3 files changed, 33 insertions(+), 4 deletions(-)
 create mode 100644 gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/images/Transcript_v1.svg

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/images/Transcript_v1.svg b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/images/Transcript_v1.svg
new file mode 100644
index 0000000000..e0b3ce6cbe
--- /dev/null
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/images/Transcript_v1.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 13.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 14948)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px"
+	 height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="Layer_1">
+	<g>
+		<polygon display="none" points="6.806,19.381 1.859,17.355 1.859,10.382 6.806,8.354 		"/>
+		<polyline display="none" points="1.859,10.382 -0.5,10.382 -0.5,17.34 1.859,17.355 		"/>
+		<g>
+			<path fill="none" stroke="#FFFFFF" d="M7.498,9.541c2.389,0,4.327,1.938,4.327,4.326c0,2.393-1.938,4.326-4.327,4.326"/>
+			<path fill="none" stroke="#FFFFFF" d="M7.498,11.281c1.429,0,2.588,1.159,2.588,2.586c0,1.431-1.159,2.587-2.588,2.587"/>
+		</g>
+	</g>
+	<path fill="#FFFFFF" d="M19.5,3.667c0,2.3-2.636,4.166-5.888,4.166c-0.183,0-0.363-0.006-0.542-0.018
+		c-2.997-0.194-5.345-1.978-5.345-4.148c0-2.301,2.636-4.167,5.887-4.167C16.864-0.5,19.5,1.365,19.5,3.667z"/>
+	<polygon fill="#FFFFFF" points="12.918,7.463 11.625,10.208 15.009,7.331 	"/>
+</g>
+<g id="Layer_2">
+	<g>
+		<rect x="3.156" y="11.777" fill="#FFFFFF" width="2.225" height="4.159"/>
+		<polygon fill="#FFFFFF" points="4.92,17.37 6.96,19.5 6.96,8.235 4.92,10.365 		"/>
+		<path fill="#FFFFFF" d="M5.133,11.64l1.854,7.86c0,0-2.224-0.354-3.831-3.601"/>
+		<path fill="#FFFFFF" d="M6.987,8.235c0,0-2.225,0.355-3.832,3.602l1.978,4.259L6.987,8.235z"/>
+		<rect x="1.979" y="11.777" fill="#FFFFFF" width="2.225" height="4.159"/>
+		<rect x="-0.5" y="11.777" fill="#FFFFFF" width="2.225" height="4.159"/>
+	</g>
+</g>
+</svg>
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/in-line-texteditor.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/in-line-texteditor.html
index 0809933654..b8e887fde2 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/in-line-texteditor.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/in-line-texteditor.html
@@ -45,9 +45,9 @@
 
       <div {% if user_access_priv == "allow" %} onclick="createDiscussion()" class="ckeditor-comment  explore-button "{% else %} class="ckeditor-comment explore-button user_not_enrolled" {% endif %} id="create-discussion" data-id="{{ node.pk }}"   style="margin-bottom:0;">
         {% if thr_int_type %}
-          {{thr_int_type}} <i class="fa fa-comments"></i>  {% if all_replies|length > 0 %}({{all_replies|length }}) {% endif %}
+          <i class="fa fa-comments"></i> {{thr_int_type}}   {% if all_replies|length > 0 %}({{all_replies|length }}) {% endif %}
         {% else %}
-          {{default_discussion_lbl}}  <i class="fa fa-comments"></i> {% if all_replies|length > 0 %} ({{all_replies|length }}) {% endif %}
+           <i class="fa fa-comments"></i> {{default_discussion_lbl}}   {% if all_replies|length > 0 %} ({{all_replies|length }}) {% endif %}
         {% endif %}
       </div>
     {% endif %}
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/widget_audio_player.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/widget_audio_player.html
index 5fcc09ec24..5fa4731d84 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/widget_audio_player.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/widget_audio_player.html
@@ -21,9 +21,9 @@
 	{% if transcript_rel %}
 
 	<div>	
-      {# <button type = "button" class="small radius transcript-toggler" onclick="togglerTranscript(this)">Transcript</button> #}
+      {#   <button type = "button" class="small radius transcript-toggler" onclick="togglerTranscript(this)">Transcript</button> #}
       <input type="button" class="small radius transcript-toggler" onclick="togglerTranscript(this)" value="Transcript">
-      <img src="/static/ndf/images/Transcript.svg" style="margin-top: -60px;margin-left: 9px;" />
+      <img src="/static/ndf/images/Transcript_v1.svg" style="margin-top: -60px;margin-left: 9px;" />
       <div class="transcript-data hide">
       	<object type="text/html" data="{{MEDIA_URL}}{{transcript_rel.grel_node.if_file.original.relurl}}"></object>
       </div>

From 2289cf9e5f1593f85fcfbeb786c27cae552f58d9 Mon Sep 17 00:00:00 2001
From: katkamrachana <katkam.rachana@gmail.com>
Date: Thu, 8 Mar 2018 16:54:25 +0530
Subject: [PATCH 21/27] Module card udpates: Name on RHS instead of description

---
 .../ndf/templates/ndf/horizontal_card.html            | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/horizontal_card.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/horizontal_card.html
index efefb50c45..db08c44ce9 100755
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/horizontal_card.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/horizontal_card.html
@@ -18,16 +18,13 @@
         {% else %}
             <img  src="/static/ndf/images/module-card.png"/></img>
         {% endif %}
-            <h4 class="card_title" title="{% firstof node.altnames node.name %} ">
-                {% firstof node.altnames|truncatechars:50 node.name|truncatechars:50  %}
-            </h4>
     {% get_dict_from_list_of_dicts node.attribute_set as node_attrs %}
     </div>
     <div class="card_summary">
         <div class="card_section">
-            <p class="module_brief">
-                {{node.content|safe|striptags|truncatechars:100}}
-            </p>
+        <h4 class="card_title" title="{% firstof node.altnames node.name %} ">
+            {% firstof node.altnames|truncatechars:50 node.name|truncatechars:50  %}
+        </h4>
         </div>
         <div class="card_section">
             <span class="card_label">
@@ -39,7 +36,7 @@ <h4 class="card_title" title="{% firstof node.altnames node.name %} ">
             </span class="card_label">
             <p class="ellipsis"></p>
                 <span class="card_label">
-                   {% trans "Grade" %} : {{node_attrs.educationallevel|join:', '}}
+                   {% trans "Class / Grade" %} : {% for each_attr in node_attrs.educationallevel %}{{each_attr|slice:"5:"}}{% if not forloop.last %}, {%endif %} {% endfor %}
                 </span class="card_label">
             <p class="ellipsis"></p>
                 <!-- <span class="card_label">

From 42b07d4a7c9577436918353b0e44a5c3c63c5141 Mon Sep 17 00:00:00 2001
From: katkamrachana <katkam.rachana@gmail.com>
Date: Thu, 8 Mar 2018 16:55:04 +0530
Subject: [PATCH 22/27] explore module listing moved to the right slightly.

---
 .../static/ndf/css/themes/clix/clix2017.css   | 445 +++++++++---------
 .../ndf/static/ndf/scss/_clix2017.scss        |  15 +-
 .../ndf/templates/ndf/lms_explore.html        |   2 +-
 3 files changed, 239 insertions(+), 223 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 7744ebc8ea..93534acd90 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
@@ -4772,33 +4772,34 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 .module_card .card_title {
   display: block;
   width: 230px;
-  font-size: 32px;
+  color: #713558 !important;
   font-weight: 600;
   text-align: center;
   margin: 0px auto;
   letter-spacing: 1px;
+  font-size: 1.4vw;
 }
-/* line 5078, ../../../scss/_clix2017.scss */
+/* line 5080, ../../../scss/_clix2017.scss */
 .module_card.animated_card .card_banner {
   border-radius: 8px;
 }
-/* line 5081, ../../../scss/_clix2017.scss */
+/* line 5083, ../../../scss/_clix2017.scss */
 .module_card.animated_card:hover .card_banner {
   border-radius: 8px 0px 0px 8px;
 }
-/* line 5086, ../../../scss/_clix2017.scss */
+/* line 5088, ../../../scss/_clix2017.scss */
 .module_card.animated_card.isOpen .card_banner {
   border-radius: 8px 0px 0px 8px;
 }
-/* line 5090, ../../../scss/_clix2017.scss */
+/* line 5092, ../../../scss/_clix2017.scss */
 .module_card.animated_card:hover .card_summary {
   left: 30px;
 }
-/* line 5093, ../../../scss/_clix2017.scss */
+/* line 5095, ../../../scss/_clix2017.scss */
 .module_card.animated_card .card_summary {
   left: 5px;
 }
-/* line 5097, ../../../scss/_clix2017.scss */
+/* line 5099, ../../../scss/_clix2017.scss */
 .module_card .card_summary {
   width: 290px;
   padding: 0px 15px;
@@ -4814,35 +4815,35 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   /* Safari */
   transition-property: left;
 }
-/* line 5111, ../../../scss/_clix2017.scss */
+/* line 5113, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_label {
   font-weight: 500;
-  font-size: 12.5px;
+  font-size: 14px;
   letter-spacing: 1px;
   color: black;
 }
-/* line 5117, ../../../scss/_clix2017.scss */
+/* line 5120, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section {
   margin: 5px 0px;
   padding: 5px 0px;
 }
-/* line 5121, ../../../scss/_clix2017.scss */
+/* line 5124, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section:not(:last-child) {
   border-bottom: 1px solid #ccc;
 }
-/* line 5124, ../../../scss/_clix2017.scss */
+/* line 5127, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section p {
   margin-bottom: 7px;
   font-size: 12.5px;
 }
-/* line 5128, ../../../scss/_clix2017.scss */
+/* line 5131, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .ellipsis {
   width: 245px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-/* line 5136, ../../../scss/_clix2017.scss */
+/* line 5139, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .module-card-enrol {
   background: #a2238d;
   height: 37px;
@@ -4856,11 +4857,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 5149, ../../../scss/_clix2017.scss */
+/* line 5152, ../../../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 5155, ../../../scss/_clix2017.scss */
+/* line 5158, ../../../scss/_clix2017.scss */
 .module_card .card_summary .module_brief {
   display: block;
   /* Fallback for non-webkit */
@@ -4877,14 +4878,14 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: black;
 }
 
-/* line 5179, ../../../scss/_clix2017.scss */
+/* line 5182, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner {
   width: 100%;
   height: 150px;
   background-size: 100% 100%;
   position: relative;
 }
-/* line 5187, ../../../scss/_clix2017.scss */
+/* line 5190, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner:before {
   content: ' ';
   background-color: rgba(0, 0, 0, 0.1);
@@ -4897,27 +4898,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 5200, ../../../scss/_clix2017.scss */
+/* line 5203, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner:before a {
   cursor: pointer;
 }
-/* line 5205, ../../../scss/_clix2017.scss */
+/* line 5208, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .div-height {
   height: 150px !important;
   background-size: 100% 100%;
   position: absolute !important;
 }
-/* line 5213, ../../../scss/_clix2017.scss */
+/* line 5216, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .enroll_unit > a {
   cursor: pointer;
 }
-/* line 5217, ../../../scss/_clix2017.scss */
+/* line 5220, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading {
   color: #fff;
   display: inline-block;
   vertical-align: top;
 }
-/* line 5223, ../../../scss/_clix2017.scss */
+/* line 5226, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading .unit_name {
   font-size: 36px;
   font-family: OpenSans-Semibold;
@@ -4928,17 +4929,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 5234, ../../../scss/_clix2017.scss */
+/* line 5237, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading .right-margin {
   margin-right: 46px;
 }
 
-/* line 5243, ../../../scss/_clix2017.scss */
+/* line 5246, ../../../scss/_clix2017.scss */
 .border-bottom-lms-header {
   border-bottom: 1px solid #00000029;
 }
 
-/* line 5248, ../../../scss/_clix2017.scss */
+/* line 5251, ../../../scss/_clix2017.scss */
 .lms_secondary_header {
   width: 100%;
   position: relative;
@@ -4946,11 +4947,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 5254, ../../../scss/_clix2017.scss */
+/* line 5257, ../../../scss/_clix2017.scss */
 .lms_secondary_header .course_actions {
   margin-top: 8px;
 }
-/* line 5257, ../../../scss/_clix2017.scss */
+/* line 5260, ../../../scss/_clix2017.scss */
 .lms_secondary_header .course_actions > span {
   background: #2e3f51;
   border: 1px solid rgba(255, 255, 255, 0.7);
@@ -4962,11 +4963,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 5271, ../../../scss/_clix2017.scss */
+  /* line 5274, ../../../scss/_clix2017.scss */
   .lms_secondary_header .course_actions .course_actions {
     margin-top: 8px;
   }
-  /* line 5274, ../../../scss/_clix2017.scss */
+  /* line 5277, ../../../scss/_clix2017.scss */
   .lms_secondary_header .course_actions .course_actions > span {
     margin-left: 50px;
     background: #2e3f51;
@@ -4980,18 +4981,18 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   }
 }
 
-/* line 5296, ../../../scss/_clix2017.scss */
+/* line 5299, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 {
   margin-bottom: 0px;
   background-color: #fff;
   display: inline;
   width: 50%;
 }
-/* line 5301, ../../../scss/_clix2017.scss */
+/* line 5304, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li {
   display: inline-block;
 }
-/* line 5304, ../../../scss/_clix2017.scss */
+/* line 5307, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a {
   list-style-type: none;
   display: inline-block;
@@ -5002,23 +5003,23 @@ ul.nav_menu_1 > li > a {
   letter-spacing: 0.8px;
   border-bottom: 3px solid transparent;
 }
-/* line 5315, ../../../scss/_clix2017.scss */
+/* line 5318, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-bottom: 3px solid #a2238d;
 }
 
-/* line 5323, ../../../scss/_clix2017.scss */
+/* line 5326, ../../../scss/_clix2017.scss */
 ul.authoring-tab {
   background-color: #6f0859;
   margin-bottom: 0px;
   display: inline;
   width: 50%;
 }
-/* line 5328, ../../../scss/_clix2017.scss */
+/* line 5331, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li {
   display: inline-block;
 }
-/* line 5331, ../../../scss/_clix2017.scss */
+/* line 5334, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li > a {
   list-style-type: none;
   margin-right: -4px;
@@ -5031,61 +5032,61 @@ ul.authoring-tab > li > a {
   border-bottom: 3px solid transparent;
   color: #ffffff !important;
 }
-/* line 5342, ../../../scss/_clix2017.scss */
+/* line 5345, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-bottom: 3px solid #a2238d;
 }
 
-/* line 5353, ../../../scss/_clix2017.scss */
+/* line 5356, ../../../scss/_clix2017.scss */
 .course-content {
   background: #fff;
   margin: 20px auto;
   padding: 20px 0px;
   margin-top: 0px;
 }
-/* line 5361, ../../../scss/_clix2017.scss */
+/* line 5364, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node.jqtree-selected .jqtree-element {
   background: #fff;
 }
-/* line 5364, ../../../scss/_clix2017.scss */
+/* line 5367, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node > div {
   height: 35px;
 }
-/* line 5366, ../../../scss/_clix2017.scss */
+/* line 5369, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node > div a {
   margin-right: 0.7em;
 }
-/* line 5373, ../../../scss/_clix2017.scss */
+/* line 5376, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name {
   padding-left: 20px;
 }
-/* line 5375, ../../../scss/_clix2017.scss */
+/* line 5378, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name:not(:last-child) {
   border-bottom: 1px solid #d2cfcf;
 }
-/* line 5380, ../../../scss/_clix2017.scss */
+/* line 5383, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name > div .jqtree-title {
   color: #3c5264;
   font-size: 19px;
   font-weight: 600;
 }
-/* line 5388, ../../../scss/_clix2017.scss */
+/* line 5391, ../../../scss/_clix2017.scss */
 .course-content .course-activity-group > div .jqtree-title {
   color: #74a0c0;
   font-size: 17px;
 }
-/* line 5394, ../../../scss/_clix2017.scss */
+/* line 5397, ../../../scss/_clix2017.scss */
 .course-content .course-activity-name > div .jqtree-title {
   color: #74a0c0;
   font-size: 17px;
 }
 
-/* line 5401, ../../../scss/_clix2017.scss */
+/* line 5404, ../../../scss/_clix2017.scss */
 .listing-row {
   margin-top: 10px !important;
 }
 
-/* line 5405, ../../../scss/_clix2017.scss */
+/* line 5408, ../../../scss/_clix2017.scss */
 .raw_material_asset {
   width: auto;
   top: -0.50em;
@@ -5102,7 +5103,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.3px;
 }
 
-/* line 5421, ../../../scss/_clix2017.scss */
+/* line 5424, ../../../scss/_clix2017.scss */
 .status-completed {
   width: auto;
   top: -1.15em;
@@ -5119,7 +5120,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5437, ../../../scss/_clix2017.scss */
+/* line 5440, ../../../scss/_clix2017.scss */
 .status-in-progress {
   width: auto;
   top: -1.15em;
@@ -5136,7 +5137,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5454, ../../../scss/_clix2017.scss */
+/* line 5457, ../../../scss/_clix2017.scss */
 .status-upcoming {
   width: auto;
   top: -1.15em;
@@ -5153,7 +5154,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5471, ../../../scss/_clix2017.scss */
+/* line 5474, ../../../scss/_clix2017.scss */
 .status-draft {
   width: auto;
   top: -1.15em;
@@ -5170,33 +5171,33 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5489, ../../../scss/_clix2017.scss */
+/* line 5492, ../../../scss/_clix2017.scss */
 .lesson-dropdown ul {
   display: none;
 }
 
-/* line 5493, ../../../scss/_clix2017.scss */
+/* line 5496, ../../../scss/_clix2017.scss */
 .lesson-dropdown:hover ul {
   display: block;
 }
 
-/* line 5497, ../../../scss/_clix2017.scss */
+/* line 5500, ../../../scss/_clix2017.scss */
 .lesson_name_in_export {
   list-style: none;
 }
-/* line 5499, ../../../scss/_clix2017.scss */
+/* line 5502, ../../../scss/_clix2017.scss */
 .lesson_name_in_export:hover {
   border-left: 2.5px solid #ce7869;
 }
 
-/* line 5504, ../../../scss/_clix2017.scss */
+/* line 5507, ../../../scss/_clix2017.scss */
 .buddy_margin {
   margin-right: 80px;
   font-family: OpenSans-Regular;
   margin-top: 6px;
 }
 
-/* line 5510, ../../../scss/_clix2017.scss */
+/* line 5513, ../../../scss/_clix2017.scss */
 .lms_explore_head {
   width: 100%;
   height: 45px;
@@ -5204,63 +5205,64 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #713558;
   margin-top: -30px;
 }
-/* line 5516, ../../../scss/_clix2017.scss */
+/* line 5519, ../../../scss/_clix2017.scss */
 .lms_explore_head > p {
   margin-left: 81px;
   padding: 12px 0px 0px 1px;
   font-family: OpenSans-Semibold;
   font-size: 20px;
 }
-/* line 5522, ../../../scss/_clix2017.scss */
+/* line 5525, ../../../scss/_clix2017.scss */
 .lms_explore_head > a {
   padding: 12px 85px 3px 0px;
 }
 
-/* line 5526, ../../../scss/_clix2017.scss */
+/* line 5529, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit {
   width: 100%;
   height: 50px;
   background-color: #fff;
-  color: #164A7B;
+  color: #713558;
 }
-/* line 5531, ../../../scss/_clix2017.scss */
+/* line 5534, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit > p {
   margin-left: 81px;
   padding: 0px 0px 0px 1px;
   font-family: OpenSans-Semibold;
   font-size: 20px;
 }
-/* line 5537, ../../../scss/_clix2017.scss */
+/* line 5540, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit > a {
   padding: 0px 85px 3px 0px;
 }
 
-/* line 5542, ../../../scss/_clix2017.scss */
+/* line 5545, ../../../scss/_clix2017.scss */
 .lms_explore_back {
   background-color: #fff;
 }
 
-/* line 5546, ../../../scss/_clix2017.scss */
+/* line 5549, ../../../scss/_clix2017.scss */
 .lms_explore_back_unit {
   background-color: #fff;
   margin-top: -23.3px;
+  margin-left: 60px;
 }
 
-/* line 5551, ../../../scss/_clix2017.scss */
+/* line 5555, ../../../scss/_clix2017.scss */
 .empty-dashboard-message {
   border: 3px solid #e4e4e4;
   background: #f8f8f8;
   padding: 40px 0;
   text-align: center;
 }
-/* line 5556, ../../../scss/_clix2017.scss */
+/* line 5560, ../../../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 5562, ../../../scss/_clix2017.scss */
+/* line 5566, ../../../scss/_clix2017.scss */
 .empty-dashboard-message > a {
   background-color: #164a7b;
   border: 1px solid #164a7b;
@@ -5274,7 +5276,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   margin-left: 5px;
   padding: 15px 20px;
 }
-/* line 5575, ../../../scss/_clix2017.scss */
+/* line 5579, ../../../scss/_clix2017.scss */
 .empty-dashboard-message .button-explore-courses {
   font-size: 20px;
   font-weight: normal;
@@ -5284,7 +5286,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   width: 170px;
 }
 
-/* line 5588, ../../../scss/_clix2017.scss */
+/* line 5592, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner {
   width: 100%;
   height: 200px;
@@ -5292,7 +5294,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-size: 100% 100%;
   position: relative;
 }
-/* line 5595, ../../../scss/_clix2017.scss */
+/* line 5599, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner:before {
   content: ' ';
   background-color: rgba(0, 0, 0, 0.1);
@@ -5306,13 +5308,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 5609, ../../../scss/_clix2017.scss */
+/* line 5613, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile {
   position: absolute;
   bottom: 30px;
   left: 40px;
 }
-/* line 5614, ../../../scss/_clix2017.scss */
+/* line 5618, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo {
   display: inline-block;
   margin-right: 10px;
@@ -5321,53 +5323,53 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   overflow: hidden;
   background-color: #fff;
 }
-/* line 5622, ../../../scss/_clix2017.scss */
+/* line 5626, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo svg {
   height: 100px;
   width: 100px;
 }
-/* line 5627, ../../../scss/_clix2017.scss */
+/* line 5631, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo svg path {
   fill: #7a422a;
 }
-/* line 5632, ../../../scss/_clix2017.scss */
+/* line 5636, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .banner_heading {
   color: #fff;
   display: inline-block;
   vertical-align: top;
 }
-/* line 5637, ../../../scss/_clix2017.scss */
+/* line 5641, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .banner_heading .buddy_name {
   font-size: 23px;
   display: block;
   margin-bottom: 10px;
 }
-/* line 5645, ../../../scss/_clix2017.scss */
+/* line 5649, ../../../scss/_clix2017.scss */
 .mydesk_page .page_menu {
   border-bottom: 1px solid #e5e5e5;
 }
-/* line 5649, ../../../scss/_clix2017.scss */
+/* line 5653, ../../../scss/_clix2017.scss */
 .mydesk_page .page_menu li > a {
   padding: 12px 20px 9px;
 }
 
-/* line 5659, ../../../scss/_clix2017.scss */
+/* line 5663, ../../../scss/_clix2017.scss */
 .input_links {
   margin-left: 10px;
 }
-/* line 5661, ../../../scss/_clix2017.scss */
+/* line 5665, ../../../scss/_clix2017.scss */
 .input_links a {
   margin-right: 35px;
   margin-top: 5px;
 }
 
-/* line 5667, ../../../scss/_clix2017.scss */
+/* line 5671, ../../../scss/_clix2017.scss */
 #course-notification
 #status {
   width: 100% !important;
 }
 
-/* line 5673, ../../../scss/_clix2017.scss */
+/* line 5677, ../../../scss/_clix2017.scss */
 .add-note-btn {
   padding: 3px 11px;
   border-radius: 100%;
@@ -5379,7 +5381,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #6153AE;
 }
 
-/* line 5684, ../../../scss/_clix2017.scss */
+/* line 5688, ../../../scss/_clix2017.scss */
 .bef-note-btn {
   padding: 3px 11px;
   border-radius: 100%;
@@ -5391,7 +5393,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #6153AE;
 }
 
-/* line 5695, ../../../scss/_clix2017.scss */
+/* line 5699, ../../../scss/_clix2017.scss */
 .edit-note-btn {
   float: right;
   border: 1px solid #CFCFCF;
@@ -5401,12 +5403,12 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #f7f7f7;
   width: 85px;
 }
-/* line 5703, ../../../scss/_clix2017.scss */
+/* line 5707, ../../../scss/_clix2017.scss */
 .edit-note-btn i {
   margin-right: 5px;
 }
 
-/* line 5707, ../../../scss/_clix2017.scss */
+/* line 5711, ../../../scss/_clix2017.scss */
 .delete-note-btn {
   float: right;
   border: 1px solid #CFCFCF;
@@ -5417,39 +5419,39 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #f7f7f7;
   width: 85px;
 }
-/* line 5716, ../../../scss/_clix2017.scss */
+/* line 5720, ../../../scss/_clix2017.scss */
 .delete-note-btn i {
   margin-right: 5px;
 }
 
-/* line 5721, ../../../scss/_clix2017.scss */
+/* line 5725, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-check {
   color: green;
 }
 
-/* line 5724, ../../../scss/_clix2017.scss */
+/* line 5728, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-check-circle-o {
   color: green;
 }
 
-/* line 5727, ../../../scss/_clix2017.scss */
+/* line 5731, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-clock-o {
   color: orange;
 }
 
-/* line 5730, ../../../scss/_clix2017.scss */
+/* line 5734, ../../../scss/_clix2017.scss */
 .course-status-icon {
   font-size: 20px;
   margin-right: 5px;
 }
 
-/* line 5734, ../../../scss/_clix2017.scss */
+/* line 5738, ../../../scss/_clix2017.scss */
 .img-height {
   height: 150px;
   width: 1351px;
 }
 
-/* line 5739, ../../../scss/_clix2017.scss */
+/* line 5743, ../../../scss/_clix2017.scss */
 .wrapper-footer {
   box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.1);
   border-top: 1px solid #c5c6c7;
@@ -5463,7 +5465,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background: rgba(221, 221, 221, 0.18);
   clear: both;
 }
-/* line 5755, ../../../scss/_clix2017.scss */
+/* line 5759, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix {
   box-sizing: border-box;
   max-width: 1200px;
@@ -5471,85 +5473,85 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   margin-right: auto;
   margin: 0 auto;
 }
-/* line 5763, ../../../scss/_clix2017.scss */
+/* line 5767, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos {
   float: left;
   display: block;
   margin-right: 2.35765%;
   width: 65.88078%;
 }
-/* line 5769, ../../../scss/_clix2017.scss */
+/* line 5773, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos {
   margin: 10px 0px 0px 18px;
 }
-/* line 5772, ../../../scss/_clix2017.scss */
+/* line 5776, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol {
   display: inline;
   list-style-type: none;
 }
-/* line 5775, ../../../scss/_clix2017.scss */
+/* line 5779, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li {
   float: left;
   margin-right: 15px;
 }
-/* line 5778, ../../../scss/_clix2017.scss */
+/* line 5782, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li > a {
   color: #ce7869;
 }
-/* line 5780, ../../../scss/_clix2017.scss */
+/* line 5784, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li > a:hover {
   color: #ce7869;
   border-bottom: 3px solid #ffc14e;
 }
-/* line 5791, ../../../scss/_clix2017.scss */
+/* line 5795, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal {
   margin: 0px 0px 0px 20px;
 }
-/* line 5793, ../../../scss/_clix2017.scss */
+/* line 5797, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol {
   display: inline;
   list-style-type: none;
 }
-/* line 5796, ../../../scss/_clix2017.scss */
+/* line 5800, ../../../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 5801, ../../../scss/_clix2017.scss */
+/* line 5805, ../../../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 5806, ../../../scss/_clix2017.scss */
+/* line 5810, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol li > a:hover {
   color: #777;
   border-bottom: 3px solid #c90d97;
 }
-/* line 5816, ../../../scss/_clix2017.scss */
+/* line 5820, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo {
   margin: 13px 0;
   display: inline-block;
 }
-/* line 5819, ../../../scss/_clix2017.scss */
+/* line 5823, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo p {
   color: inherit;
   margin: 0;
   display: inline-block;
 }
-/* line 5823, ../../../scss/_clix2017.scss */
+/* line 5827, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo p a {
   display: inline-block;
 }
-/* line 5829, ../../../scss/_clix2017.scss */
+/* line 5833, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo .footer-logo > img {
   height: 10px;
 }
 
-/* line 5839, ../../../scss/_clix2017.scss */
+/* line 5843, ../../../scss/_clix2017.scss */
 #overlay {
   /* we set all of the properties for are overlay */
   height: 116px;
@@ -5570,7 +5572,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-radius: 10px;
 }
 
-/* line 5859, ../../../scss/_clix2017.scss */
+/* line 5863, ../../../scss/_clix2017.scss */
 #mask {
   /* create are mask */
   position: fixed;
@@ -5584,13 +5586,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 5870, ../../../scss/_clix2017.scss */
+/* line 5874, ../../../scss/_clix2017.scss */
 #overlay:target, #overlay:target + #mask {
   display: block;
   opacity: 1;
 }
 
-/* line 5874, ../../../scss/_clix2017.scss */
+/* line 5878, ../../../scss/_clix2017.scss */
 .close {
   /* to make a nice looking pure CSS3 close button */
   display: block;
@@ -5612,7 +5614,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-radius: 38px;
 }
 
-/* line 5893, ../../../scss/_clix2017.scss */
+/* line 5897, ../../../scss/_clix2017.scss */
 #open-overlay {
   /* open the overlay */
   padding: 0px 0px;
@@ -5625,7 +5627,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   -o-border-radius: 10px;
 }
 
-/* line 5904, ../../../scss/_clix2017.scss */
+/* line 5908, ../../../scss/_clix2017.scss */
 .enroll-btn {
   width: 90px;
   opacity: 1;
@@ -5641,44 +5643,44 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #4b4852;
 }
 
-/* line 5926, ../../../scss/_clix2017.scss */
+/* line 5930, ../../../scss/_clix2017.scss */
 .img-style-land {
   margin-top: 28px;
   margin-left: -56px;
 }
 
-/* line 5931, ../../../scss/_clix2017.scss */
+/* line 5935, ../../../scss/_clix2017.scss */
 .top-margin-translation {
   margin-top: 0px;
 }
 
-/* line 5935, ../../../scss/_clix2017.scss */
+/* line 5939, ../../../scss/_clix2017.scss */
 .activity-editor-header-top {
   margin-top: -50px;
 }
 
-/* line 5939, ../../../scss/_clix2017.scss */
+/* line 5943, ../../../scss/_clix2017.scss */
 .add-lesson-top-margin {
   margin-top: 5px;
 }
 
-/* line 5942, ../../../scss/_clix2017.scss */
+/* line 5946, ../../../scss/_clix2017.scss */
 .translation-detail-top-margin {
   margin-top: 0px;
 }
 
-/* line 5945, ../../../scss/_clix2017.scss */
+/* line 5949, ../../../scss/_clix2017.scss */
 .outer {
   width: 100%;
   text-align: center;
 }
 
-/* line 5950, ../../../scss/_clix2017.scss */
+/* line 5954, ../../../scss/_clix2017.scss */
 .inner {
   display: inline-block !important;
 }
 
-/* line 5955, ../../../scss/_clix2017.scss */
+/* line 5959, ../../../scss/_clix2017.scss */
 .transcript-toggler {
   display: block;
   width: 155px !important;
@@ -5694,7 +5696,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   text-transform: uppercase;
 }
 
-/* line 5972, ../../../scss/_clix2017.scss */
+/* line 5976, ../../../scss/_clix2017.scss */
 input.transcript-toggler {
   background-image: url(/static/ndf/images/Transcript.svg) no-repeat !important;
   background-color: transparent;
@@ -5715,33 +5717,33 @@ input.transcript-toggler {
   /* align the text vertically centered */
 }
 
-/* line 5985, ../../../scss/_clix2017.scss */
+/* line 5989, ../../../scss/_clix2017.scss */
 .double-buttons {
   margin-top: 100px;
   margin-left: 729px;
 }
 
-/* line 5990, ../../../scss/_clix2017.scss */
+/* line 5994, ../../../scss/_clix2017.scss */
 .lesson-form-name {
   padding-top: 10px;
 }
 
-/* line 5994, ../../../scss/_clix2017.scss */
+/* line 5998, ../../../scss/_clix2017.scss */
 .lesson-form-desc {
   padding-top: 25px;
 }
 
-/* line 5998, ../../../scss/_clix2017.scss */
+/* line 6002, ../../../scss/_clix2017.scss */
 .enroll_chkbox {
   transform: scale(1.5);
 }
 
-/* line 6001, ../../../scss/_clix2017.scss */
+/* line 6005, ../../../scss/_clix2017.scss */
 .enroll_all_users {
   width: 15% !important;
 }
 
-/* line 6005, ../../../scss/_clix2017.scss */
+/* line 6009, ../../../scss/_clix2017.scss */
 .enrollBtn {
   background: #a2238d;
   height: 50px;
@@ -5757,24 +5759,24 @@ input.transcript-toggler {
   letter-spacing: 0.4px;
 }
 
-/* line 6039, ../../../scss/_clix2017.scss */
+/* line 6043, ../../../scss/_clix2017.scss */
 .enroll-act_lbl {
   color: #0c2944;
 }
 
-/* line 6044, ../../../scss/_clix2017.scss */
+/* line 6048, ../../../scss/_clix2017.scss */
 .wrkspace {
   margin-right: 80px;
 }
 
-/* line 6048, ../../../scss/_clix2017.scss */
+/* line 6052, ../../../scss/_clix2017.scss */
 .status-btn {
   background-color: #fff;
   margin-right: auto;
   padding-bottom: 0px;
   text-transform: none;
 }
-/* line 6053, ../../../scss/_clix2017.scss */
+/* line 6057, ../../../scss/_clix2017.scss */
 .status-btn .disabled {
   background-color: #008cba;
   border-color: #007095;
@@ -5784,64 +5786,64 @@ input.transcript-toggler {
   box-shadow: none;
 }
 
-/* line 6063, ../../../scss/_clix2017.scss */
+/* line 6067, ../../../scss/_clix2017.scss */
 .margin-right-50 {
   margin-right: 50px;
 }
 
 /* responsive footer */
-/* line 6070, ../../../scss/_clix2017.scss */
+/* line 6074, ../../../scss/_clix2017.scss */
 .clearfix {
   clear: both;
 }
 
-/* line 6073, ../../../scss/_clix2017.scss */
+/* line 6077, ../../../scss/_clix2017.scss */
 .clr1 {
   background: #FFFFFF;
   color: #333743;
 }
 
-/* line 6074, ../../../scss/_clix2017.scss */
+/* line 6078, ../../../scss/_clix2017.scss */
 .clr2 {
   background: #F1F3F5;
   color: #8F94A3;
 }
 
-/* line 6075, ../../../scss/_clix2017.scss */
+/* line 6079, ../../../scss/_clix2017.scss */
 .clr3 {
   background: rgba(221, 221, 221, 0.18);
   color: #BDC3CF;
 }
 
-/* line 6076, ../../../scss/_clix2017.scss */
+/* line 6080, ../../../scss/_clix2017.scss */
 .clr4 {
   background: rgba(221, 221, 221, 0.18);
   color: #E3E7F2;
 }
 
-/* line 6077, ../../../scss/_clix2017.scss */
+/* line 6081, ../../../scss/_clix2017.scss */
 .clr5 {
   color: #F1F3F5;
 }
 
-/* line 6078, ../../../scss/_clix2017.scss */
+/* line 6082, ../../../scss/_clix2017.scss */
 .clr6 {
   color: #39B5A1;
 }
 
-/* line 6079, ../../../scss/_clix2017.scss */
+/* line 6083, ../../../scss/_clix2017.scss */
 .clr7 {
   color: #D45245;
 }
 
 /*##### Footer Structure #####*/
-/* line 6084, ../../../scss/_clix2017.scss */
+/* line 6088, ../../../scss/_clix2017.scss */
 .bo-wrap {
   clear: both;
   width: auto;
 }
 
-/* line 6088, ../../../scss/_clix2017.scss */
+/* line 6092, ../../../scss/_clix2017.scss */
 .bo-footer {
   clear: both;
   width: auto;
@@ -5850,24 +5852,24 @@ input.transcript-toggler {
   margin: 0 auto;
 }
 
-/* line 6096, ../../../scss/_clix2017.scss */
+/* line 6100, ../../../scss/_clix2017.scss */
 .bo-footer-social {
   text-align: left;
   line-height: 1px;
   padding: 10px 10px 10px 10px;
 }
-/* line 6101, ../../../scss/_clix2017.scss */
+/* line 6105, ../../../scss/_clix2017.scss */
 .bo-footer-social > a {
   color: #ce7869;
   word-spacing: 8px;
 }
-/* line 6104, ../../../scss/_clix2017.scss */
+/* line 6108, ../../../scss/_clix2017.scss */
 .bo-footer-social > a:hover {
   color: #ce7869;
   border-bottom: 3px solid #ffc14e;
 }
 
-/* line 6114, ../../../scss/_clix2017.scss */
+/* line 6118, ../../../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;
@@ -5875,13 +5877,13 @@ input.transcript-toggler {
   text-decoration: none !important;
   word-spacing: 3px;
 }
-/* line 6120, ../../../scss/_clix2017.scss */
+/* line 6124, ../../../scss/_clix2017.scss */
 .bo-footer-copyright > a:hover {
   color: #777;
   border-bottom: 3px solid #c90d97;
 }
 
-/* line 6127, ../../../scss/_clix2017.scss */
+/* line 6131, ../../../scss/_clix2017.scss */
 .bo-footer-smap {
   width: 600px;
   float: left;
@@ -5891,7 +5893,7 @@ input.transcript-toggler {
   word-spacing: 20px;
 }
 
-/* line 6136, ../../../scss/_clix2017.scss */
+/* line 6140, ../../../scss/_clix2017.scss */
 .bo-footer-uonline {
   width: 300px;
   /* Account for margins + border values */
@@ -5900,7 +5902,7 @@ input.transcript-toggler {
   text-align: center;
 }
 
-/* line 6143, ../../../scss/_clix2017.scss */
+/* line 6147, ../../../scss/_clix2017.scss */
 .bo-footer-power {
   width: 300px;
   padding: 5px 10px;
@@ -5914,19 +5916,19 @@ input.transcript-toggler {
 /*##### Footer Responsive #####*/
 /* for 980px or less */
 @media screen and (max-width: 980px) {
-  /* line 6159, ../../../scss/_clix2017.scss */
+  /* line 6163, ../../../scss/_clix2017.scss */
   .bo-footer {
     width: 95%;
     padding: 1% 2%;
   }
 
-  /* line 6163, ../../../scss/_clix2017.scss */
+  /* line 6167, ../../../scss/_clix2017.scss */
   .bo-footer-smap {
     width: 33%;
     padding: 1% 2%;
   }
 
-  /* line 6167, ../../../scss/_clix2017.scss */
+  /* line 6171, ../../../scss/_clix2017.scss */
   .bo-footer-uonline {
     width: 46%;
     padding: 1% 2%;
@@ -5934,7 +5936,7 @@ input.transcript-toggler {
     text-align: right;
   }
 
-  /* line 6174, ../../../scss/_clix2017.scss */
+  /* line 6178, ../../../scss/_clix2017.scss */
   .bo-footer-power {
     clear: both;
     padding: 1% 2%;
@@ -5945,21 +5947,21 @@ input.transcript-toggler {
 }
 /* for 700px or less */
 @media screen and (max-width: 600px) {
-  /* line 6185, ../../../scss/_clix2017.scss */
+  /* line 6189, ../../../scss/_clix2017.scss */
   .bo-footer-smap {
     width: auto;
     float: none;
     text-align: center;
   }
 
-  /* line 6191, ../../../scss/_clix2017.scss */
+  /* line 6195, ../../../scss/_clix2017.scss */
   .bo-footer-uonline {
     width: auto;
     float: none;
     text-align: center;
   }
 
-  /* line 6197, ../../../scss/_clix2017.scss */
+  /* line 6201, ../../../scss/_clix2017.scss */
   .bo-footer-power {
     width: auto;
     float: none;
@@ -5967,36 +5969,36 @@ input.transcript-toggler {
   }
 }
 /* for 480px or less */
-/* line 6211, ../../../scss/_clix2017.scss */
+/* line 6215, ../../../scss/_clix2017.scss */
 .color-btn {
   background-color: #720f5e;
   width: 77px;
   margin-left: 17px;
 }
-/* line 6215, ../../../scss/_clix2017.scss */
+/* line 6219, ../../../scss/_clix2017.scss */
 .color-btn:hover {
   color: #720f5e;
   background-color: #ffffff;
 }
 
-/* line 6221, ../../../scss/_clix2017.scss */
+/* line 6225, ../../../scss/_clix2017.scss */
 .mid_label {
   margin-top: 15px;
   font-size: 15px;
 }
 
-/* line 6226, ../../../scss/_clix2017.scss */
+/* line 6230, ../../../scss/_clix2017.scss */
 .compulsory {
   color: red;
   font-size: smaller;
 }
 
-/* line 6231, ../../../scss/_clix2017.scss */
+/* line 6235, ../../../scss/_clix2017.scss */
 .select-drop {
   height: auto;
 }
 
-/* line 6235, ../../../scss/_clix2017.scss */
+/* line 6239, ../../../scss/_clix2017.scss */
 .template-select {
   border: 1px solid #cccccc;
   border-radius: 5px;
@@ -6005,41 +6007,41 @@ input.transcript-toggler {
   font-size: 14px;
 }
 
-/* line 6243, ../../../scss/_clix2017.scss */
+/* line 6247, ../../../scss/_clix2017.scss */
 .white-text {
   color: white;
 }
 
-/* line 6248, ../../../scss/_clix2017.scss */
+/* line 6252, ../../../scss/_clix2017.scss */
 .quiz-player .quiz_qtn {
   margin-left: 20px !important;
   font-size: 20px;
 }
-/* line 6252, ../../../scss/_clix2017.scss */
+/* line 6256, ../../../scss/_clix2017.scss */
 .quiz-player .question_edit {
   margin-left: 20px !important;
 }
-/* line 6256, ../../../scss/_clix2017.scss */
+/* line 6260, ../../../scss/_clix2017.scss */
 .quiz-player input[type=checkbox], .quiz-player input[type=radio] {
   margin-right: 10px;
   width: 15px;
   height: 15px;
 }
-/* line 6262, ../../../scss/_clix2017.scss */
+/* line 6266, ../../../scss/_clix2017.scss */
 .quiz-player .chk_ans_lbl, .quiz-player .rad_ans_lbl {
   font-size: 22px;
   margin-left: 5px;
 }
-/* line 6267, ../../../scss/_clix2017.scss */
+/* line 6271, ../../../scss/_clix2017.scss */
 .quiz-player .fi-check {
   color: green;
 }
-/* line 6271, ../../../scss/_clix2017.scss */
+/* line 6275, ../../../scss/_clix2017.scss */
 .quiz-player .fi-x {
   color: red;
 }
 
-/* line 6276, ../../../scss/_clix2017.scss */
+/* line 6280, ../../../scss/_clix2017.scss */
 .hyperlink-tag {
   cursor: pointer;
   cursor: pointer;
@@ -6052,7 +6054,7 @@ input.transcript-toggler {
   color: #164A7B;
 }
 
-/* line 6288, ../../../scss/_clix2017.scss */
+/* line 6292, ../../../scss/_clix2017.scss */
 .scard {
   background: #FFF;
   border: 1px solid #AAA;
@@ -6064,12 +6066,12 @@ input.transcript-toggler {
   height: 9rem;
   /*float:left;*/
 }
-/* line 6297, ../../../scss/_clix2017.scss */
+/* line 6301, ../../../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 6303, ../../../scss/_clix2017.scss */
+/* line 6307, ../../../scss/_clix2017.scss */
 .scard .scard_header {
   text-align: center;
   position: fixed;
@@ -6087,7 +6089,7 @@ input.transcript-toggler {
   font-weight: bold;
 }
 
-/* line 6320, ../../../scss/_clix2017.scss */
+/* line 6324, ../../../scss/_clix2017.scss */
 .scard-content {
   height: 2.7em;
   padding: 0.5rem;
@@ -6100,7 +6102,7 @@ input.transcript-toggler {
   /*height: 8.25rem;*/
   background-color: #3e3e3e;
 }
-/* line 6331, ../../../scss/_clix2017.scss */
+/* line 6335, ../../../scss/_clix2017.scss */
 .scard-content .scard-title {
   font-size: 0.8em;
   margin-top: -1em;
@@ -6110,7 +6112,7 @@ input.transcript-toggler {
   text-align: center;
 }
 
-/* line 6344, ../../../scss/_clix2017.scss */
+/* line 6348, ../../../scss/_clix2017.scss */
 .scard-action {
   height: height;
   font-size: 0.6em;
@@ -6124,7 +6126,7 @@ input.transcript-toggler {
   background-color: #CCCCCC;
 }
 
-/* line 6359, ../../../scss/_clix2017.scss */
+/* line 6363, ../../../scss/_clix2017.scss */
 .scard-desc {
   font-size: 0.7em;
   color: #333333;
@@ -6140,7 +6142,7 @@ input.transcript-toggler {
   display-inline: block;
 }
 
-/* line 6376, ../../../scss/_clix2017.scss */
+/* line 6380, ../../../scss/_clix2017.scss */
 .scard-image {
   padding: 0px;
   margin: 0px;
@@ -6151,7 +6153,7 @@ input.transcript-toggler {
   overflow: hidden;
   background-color: #f2f2f2;
 }
-/* line 6385, ../../../scss/_clix2017.scss */
+/* line 6389, ../../../scss/_clix2017.scss */
 .scard-image img {
   border-radius: 2px 2px 0 0;
   display: block;
@@ -6160,18 +6162,18 @@ input.transcript-toggler {
   height: 100%;
 }
 
-/* line 6397, ../../../scss/_clix2017.scss */
+/* line 6401, ../../../scss/_clix2017.scss */
 .published.scard-action {
   background: #A6D9CB;
 }
 
-/* line 6401, ../../../scss/_clix2017.scss */
+/* line 6405, ../../../scss/_clix2017.scss */
 .draft.scard-action {
   content: "Draft";
   background: #DCDCDC;
 }
 
-/* line 6407, ../../../scss/_clix2017.scss */
+/* line 6411, ../../../scss/_clix2017.scss */
 .scard_footer {
   border-top: 1px solid rgba(160, 160, 160, 0.2);
   padding: 0.25rem 0.5rem;
@@ -6180,17 +6182,17 @@ input.transcript-toggler {
   height: 2rem;
 }
 
-/* line 6415, ../../../scss/_clix2017.scss */
+/* line 6419, ../../../scss/_clix2017.scss */
 .auto_width {
   width: auto !important;
 }
 
-/* line 6419, ../../../scss/_clix2017.scss */
+/* line 6423, ../../../scss/_clix2017.scss */
 .explore-settings-drop {
   margin-left: 59%;
   display: inline-block;
 }
-/* line 6422, ../../../scss/_clix2017.scss */
+/* line 6426, ../../../scss/_clix2017.scss */
 .explore-settings-drop > button {
   color: #6f0859;
   font-weight: 400;
@@ -6203,17 +6205,17 @@ input.transcript-toggler {
   margin-top: 10px;
   margin-left: 20px;
 }
-/* line 6433, ../../../scss/_clix2017.scss */
+/* line 6437, ../../../scss/_clix2017.scss */
 .explore-settings-drop > button:hover {
   border-radius: 10px;
   background-color: #6f0859;
   color: #ffffff;
 }
-/* line 6439, ../../../scss/_clix2017.scss */
+/* line 6443, ../../../scss/_clix2017.scss */
 .explore-settings-drop a {
   font-size: 16px;
 }
-/* line 6442, ../../../scss/_clix2017.scss */
+/* line 6446, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li {
   font-size: 0.875rem;
   cursor: pointer;
@@ -6221,42 +6223,42 @@ input.transcript-toggler {
   margin: 0;
   background-color: #6f0859;
 }
-/* line 6450, ../../../scss/_clix2017.scss */
+/* line 6454, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li a {
   color: white;
 }
-/* line 6452, ../../../scss/_clix2017.scss */
+/* line 6456, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li a:hover {
   color: #6f0859;
 }
-/* line 6457, ../../../scss/_clix2017.scss */
+/* line 6461, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li:hover {
   border-left: 4px solid #ffc14e;
   background-color: white;
 }
 
-/* line 6466, ../../../scss/_clix2017.scss */
+/* line 6470, ../../../scss/_clix2017.scss */
 .attempts_count {
   color: #000000 !important;
 }
 
-/* line 6472, ../../../scss/_clix2017.scss */
+/* line 6476, ../../../scss/_clix2017.scss */
 #course-settings-drop li a {
   text-align: left;
 }
 
-/* line 6480, ../../../scss/_clix2017.scss */
+/* line 6484, ../../../scss/_clix2017.scss */
 #asset-settings-drop li a {
   text-align: left;
 }
 
-/* line 6487, ../../../scss/_clix2017.scss */
+/* line 6491, ../../../scss/_clix2017.scss */
 .button-bg {
   background-color: #74b3dc;
 }
 
 /* Tools page css listing*/
-/* line 6494, ../../../scss/_clix2017.scss */
+/* line 6498, ../../../scss/_clix2017.scss */
 .polaroid {
   width: 330px;
   background-color: white;
@@ -6270,7 +6272,7 @@ input.transcript-toggler {
   cursor: pointer;
 }
 
-/* line 6507, ../../../scss/_clix2017.scss */
+/* line 6511, ../../../scss/_clix2017.scss */
 .polaroid:hover img {
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
@@ -6279,26 +6281,26 @@ input.transcript-toggler {
   transform: scale(1.05);
 }
 
-/* line 6516, ../../../scss/_clix2017.scss */
+/* line 6520, ../../../scss/_clix2017.scss */
 .container {
   text-align: center;
   padding: 10px 20px;
   border-top: 5px solid #164a7b;
   margin-top: 0px;
 }
-/* line 6522, ../../../scss/_clix2017.scss */
+/* line 6526, ../../../scss/_clix2017.scss */
 .container > p {
   color: black;
   font-size: 16px;
   font-weight: 500;
 }
 
-/* line 6531, ../../../scss/_clix2017.scss */
+/* line 6535, ../../../scss/_clix2017.scss */
 .tool-bg {
   background-color: rgba(87, 198, 250, 0.07);
 }
 
-/* line 6534, ../../../scss/_clix2017.scss */
+/* line 6538, ../../../scss/_clix2017.scss */
 .purple-btn {
   width: inherit;
   text-transform: uppercase;
@@ -6309,7 +6311,7 @@ input.transcript-toggler {
   border: 2px solid #6a0054;
 }
 
-/* line 6544, ../../../scss/_clix2017.scss */
+/* line 6548, ../../../scss/_clix2017.scss */
 .disable-purple-btn {
   width: inherit;
   text-transform: uppercase !important;
@@ -6320,27 +6322,27 @@ input.transcript-toggler {
   border: 2px solid #4b4852;
 }
 
-/* line 6554, ../../../scss/_clix2017.scss */
+/* line 6558, ../../../scss/_clix2017.scss */
 .user-analytics-data {
   margin: 42px 37px 37px 37px;
   border: 2px solid #aaaaaa;
 }
-/* line 6557, ../../../scss/_clix2017.scss */
+/* line 6561, ../../../scss/_clix2017.scss */
 .user-analytics-data .close-reveal-modal {
   font-size: 20px;
 }
 
-/* line 6561, ../../../scss/_clix2017.scss */
+/* line 6565, ../../../scss/_clix2017.scss */
 .left-space {
   margin-left: 0.5em;
 }
 
-/* line 6569, ../../../scss/_clix2017.scss */
+/* line 6573, ../../../scss/_clix2017.scss */
 .top-right-menu {
   margin-right: 80px !important;
 }
 
-/* line 6576, ../../../scss/_clix2017.scss */
+/* line 6580, ../../../scss/_clix2017.scss */
 .button-cancel-new {
   height: 2rem;
   padding: 0 2rem;
@@ -6358,12 +6360,12 @@ input.transcript-toggler {
   transition: all .1s ease;
   margin-right: 1px;
 }
-/* line 6592, ../../../scss/_clix2017.scss */
+/* line 6596, ../../../scss/_clix2017.scss */
 .button-cancel-new:hover {
   background-color: #fff;
   color: #333333;
 }
-/* line 6597, ../../../scss/_clix2017.scss */
+/* line 6601, ../../../scss/_clix2017.scss */
 .button-cancel-new > a {
   font-family: open_sansbold,sans-serif;
   font-size: 1.2rem;
@@ -6375,13 +6377,13 @@ input.transcript-toggler {
   transition: all .1s ease;
   margin-right: 1px;
 }
-/* line 6607, ../../../scss/_clix2017.scss */
+/* line 6611, ../../../scss/_clix2017.scss */
 .button-cancel-new > a:hover {
   background-color: #fff;
   color: #333333;
 }
 
-/* line 6615, ../../../scss/_clix2017.scss */
+/* line 6619, ../../../scss/_clix2017.scss */
 .button-save-new {
   height: 2rem;
   padding: 0 2rem;
@@ -6398,8 +6400,13 @@ input.transcript-toggler {
   color: #fff;
   transition: all .1s ease;
 }
-/* line 6630, ../../../scss/_clix2017.scss */
+/* line 6634, ../../../scss/_clix2017.scss */
 .button-save-new:hover {
   background-color: #fff;
   color: #912a7d;
 }
+
+/* line 6642, ../../../scss/_clix2017.scss */
+.exp-module-container {
+  margin-left: 60px;
+}
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 5d281bf33d..5464d090d9 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
@@ -5067,11 +5067,13 @@ $module-card-lines-to-show: 3;
     .card_title {
         display: block;
         width:230px;
-        font-size: 32px;
+        //font-size: 32px;
+        color: $primary-pink !important;
         font-weight: 600;
         text-align: center;
         margin: 0px auto;
         letter-spacing: 1px;
+        font-size: 1.4vw
     }
 
     &.animated_card {
@@ -5110,7 +5112,8 @@ $module-card-lines-to-show: 3;
 
         .card_label {
             font-weight: 500;
-            font-size: $module-card-font-size;
+            //font-size: $module-card-font-size;
+            font-size: 14px;
             letter-spacing: 1px;
             color: black;
         }
@@ -5527,7 +5530,7 @@ ul.authoring-tab{
     width: 100%;
     height: 50px;
     background-color:#fff;
-    color: $primary-blue;
+    color: $primary-pink;
     >p{
         margin-left: 81px;
         padding: 0px 0px 0px 1px;
@@ -5546,6 +5549,7 @@ ul.authoring-tab{
 .lms_explore_back_unit{
     background-color: #fff;
     margin-top:-23.3px;
+    margin-left: 60px; 
 }
 
 .empty-dashboard-message {
@@ -6632,4 +6636,9 @@ input.transcript-toggler{
         color: #912a7d;
     }
 
+}
+
+
+.exp-module-container{
+    margin-left: 60px;
 }
\ No newline at end of file
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_explore.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_explore.html
index 6f48d59714..c27c2d6a33 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_explore.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_explore.html
@@ -4,7 +4,7 @@
   <div class="lms_explore_head">
     <p class="left"> Modules </p>
   </div>
-  <div class="small-12 columns">
+  <div class="small-12 columns exp-module-container">
   <ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-2" >
       {% for each_obj in modules_node_sort_list %}
       <li class="card-image-wrapper">

From 62ece5a3567f4165b059a0841650905dbf3de1f8 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Thu, 8 Mar 2018 16:58:15 +0530
Subject: [PATCH 23/27] transcript icon added for video widget and url persists
 after login

---
 gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/add_asset.html | 9 +++++----
 .../gnowsys_ndf/ndf/templates/ndf/header_clix.html       | 2 +-
 .../ndf/templates/ndf/widget_video_player.html           | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/add_asset.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/add_asset.html
index c430a6c94d..7a8bd8eba4 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/add_asset.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/add_asset.html
@@ -79,6 +79,10 @@ <h4 class="page-name">{% firstof asset_obj.altnames|truncatechars:25  asset_obj.
                 {% endif %}
                 -->
             {% endif %}
+            {% if asset_content_list.grel_id and asset_obj.created_by == request.user.id  or is_gstaff and asset_obj and asset_content_list.grel_id  %}
+            
+                <button type="button" class="orange-button delete-asset-content right"  title="Click on the checkbox on the files below to Delete"><i class="fa fa-trash"></i> {% trans "Delete Files" %}</button>
+            {% endif %}
             </div>
    </div>
 
@@ -270,10 +274,7 @@ <h3 class="left overlay-title">&nbsp;
 
 
         <div class="row">
-            {% if asset_content_list.grel_id and asset_obj.created_by == request.user.id  or is_gstaff and asset_obj and asset_content_list.grel_id  %}
-
-                <button type="button" class="orange-button delete-asset-content right icon-widget" style="margin-right: 100px;" title="Click on the checkbox on the files below to Delete"><i class="fa fa-trash"></i> {% trans "Delete Files" %}</button>
-            {% endif %}
+            
 
         <div class="row listing-row">
             {% for each in asset_content_list.grel_node %}
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 5ffe50e2d1..ad81c41c11 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/header_clix.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/header_clix.html
@@ -95,7 +95,7 @@
                 </li>
             {% else %}
                 <li>
-                    <a title="Click here to login" class="" href="{% url 'auth_login' %}" accesskey="l">
+                    <a title="Click here to login" class="" href="{% url 'auth_login' %}{% if not is_ac_url %}?next={{request.path}}{% endif %}" accesskey="l">
                     <i class="fi-key"></i>&nbsp; {% trans "Login" %}
                   </a>
                 </li>
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/widget_video_player.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/widget_video_player.html
index e69be5b876..01e98e6f6c 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/widget_video_player.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/widget_video_player.html
@@ -41,7 +41,7 @@
 			{% if transcript_rel %}
 			<div>
 				<input type="button" class="small radius transcript-toggler" onclick="togglerTranscript(this)" value="Transcript">
-				<img src="/static/ndf/images/Transcript.svg" style="margin-top: -60px;margin-left: 9px;" />
+				<img src="/static/ndf/images/Transcript_v1.svg" style="margin-top: -60px;margin-left: 9px;" />
 	      			<div class="transcript-data hide">
 	      				<object type="text/html" data="{{MEDIA_URL}}{{transcript_rel.grel_node.if_file.original.relurl}}" style="width:100%; height:100%"></object>
 	      			</div>

From 220aa33a7c9c174df9c16eeb1d4328f85d4615a6 Mon Sep 17 00:00:00 2001
From: katkamrachana <katkam.rachana@gmail.com>
Date: Thu, 8 Mar 2018 18:08:57 +0530
Subject: [PATCH 24/27] course progress defined with green and orange filled
 circles in content tree

---
 .../ndf/static/ndf/css/themes/clix/clix2017.css    | 14 ++++++++++++++
 .../gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss | 14 +++++++++++++-
 .../ndf/templates/ndf/course_content.html          |  5 +++--
 3 files changed, 30 insertions(+), 3 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 93534acd90..44d3d94846 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
@@ -6410,3 +6410,17 @@ input.transcript-toggler {
 .exp-module-container {
   margin-left: 60px;
 }
+
+/* line 6646, ../../../scss/_clix2017.scss */
+.fill-green-circle {
+  padding: 6px 6px;
+  border-radius: 100%;
+  background-color: green;
+}
+
+/* line 6652, ../../../scss/_clix2017.scss */
+.fill-orange-circle {
+  padding: 6px 6px;
+  border-radius: 100%;
+  background-color: orange;
+}
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 5464d090d9..a85225efcb 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
@@ -6641,4 +6641,16 @@ input.transcript-toggler{
 
 .exp-module-container{
     margin-left: 60px;
-}
\ No newline at end of file
+}
+
+.fill-green-circle{
+    padding: 6px 6px;
+    border-radius: 100%;
+    background-color: green;
+}
+
+.fill-orange-circle{
+    padding: 6px 6px;
+    border-radius: 100%;
+    background-color: orange;
+}
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 95eb3d721a..a9e08d5d63 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
@@ -2,10 +2,11 @@
     <div id="tree1">
     </div>
 </div>
+
 <script type="text/javascript">
     iconMapping = {
-        'COMPLETED': 'fa-check-circle-o',
-        'INPROGRESS': 'fa-clock-o',
+        'COMPLETED': 'fill-green-circle',
+        'INPROGRESS': 'fill-orange-circle',
     }
 
 

From c7587a15c276e1dfdf2179b400ff1cf2af496361 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Thu, 8 Mar 2018 18:18:10 +0530
Subject: [PATCH 25/27] transcript button bg fixed

---
 .../gnowsys_ndf/ndf/static/ndf/css/themes/clix/clix2017.css     | 2 --
 gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss      | 2 +-
 2 files changed, 1 insertion(+), 3 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 44d3d94846..62d86b2eff 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
@@ -5699,8 +5699,6 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
 /* line 5976, ../../../scss/_clix2017.scss */
 input.transcript-toggler {
   background-image: url(/static/ndf/images/Transcript.svg) no-repeat !important;
-  background-color: transparent;
-  /* make the button transparent */
   background-repeat: no-repeat;
   /* make the background image appear only once */
   background-position: 0px 0px;
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 a85225efcb..c9c262b73f 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
@@ -5975,7 +5975,7 @@ ul.authoring-tab{
 
 input.transcript-toggler{
         background-image: url(/static/ndf/images/Transcript.svg) no-repeat !important;
-        background-color: transparent; /* make the button transparent */
+       // background-color: transparent; /* make the button transparent */
         background-repeat: no-repeat;  /* make the background image appear only once */
         background-position: 0px 0px;  /* equivalent to 'top left' */
         border: none;           /* assuming we don't want any borders */

From cdcb241ec36ef3343e59ee0493ee42c5ad0441c0 Mon Sep 17 00:00:00 2001
From: tirthakarmahesh211 <tirthakarmahesh211@gmail.com>
Date: Tue, 13 Mar 2018 12:51:14 +0530
Subject: [PATCH 26/27] event form created

---
 .../ndf/templates/ndf/gtask_create_edit.html  | 123 +++++++-----------
 gnowsys-ndf/gnowsys_ndf/ndf/urls/event.py     |   1 +
 2 files changed, 46 insertions(+), 78 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/gtask_create_edit.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/gtask_create_edit.html
index 8bfe866644..a718655595 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/gtask_create_edit.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/gtask_create_edit.html
@@ -64,18 +64,18 @@
 <div class="create-new-task create-task-event-tabs">
   <div class="small-11 columns">
    <ul class="tabs" data-tab role="tablist">
-    <li class="tab-title  active" role="presentation"><a href="#create_new_event" role="tab" tabindex="0" aria-selected="false" aria-controls="panel2-1" checked>Create New Event</a></li>
-    <li class="tab-title" role="presentation"><a href="#create_new_task" role="tab" tabindex="0" aria-selected="true" aria-controls="panel2-2">Create New Task</a></li>
+    <li class="tab-title  active" role="presentation"><a href="#create_new_task" role="tab" tabindex="0" aria-selected="false" aria-controls="panel2-1" checked>Create New Task</a></li>
+    <li class="tab-title" role="presentation"><a href="#create_new_event" role="tab" tabindex="0" aria-selected="true" aria-controls="panel2-2">Create New Event</a></li>
   </ul>  
 </div>
 <hr/>
 
 <div class="tabs-content">
-  <section role="tabpanel" aria-hidden="false" class="content active" id="create_new_event">
+  <section role="tabpanel" aria-hidden="false" class="content active" id="create_new_task">
     <div class="small-6 columns ">
       <div class="row">
         <div class="small-3 columns">
-          <h6> Event Name </h6>
+          <h6> Task Name </h6>
         </div>
         <div class="small-9 columns">
           <input type="text" class="task-name" name="name" placeholder="Enter Task name" />
@@ -198,114 +198,77 @@ <h6>Notes:</h6>
     </div>
   </section>
 
-  <section role="tabpanel" aria-hidden="true" class="content" id="create_new_task">
+  <section role="tabpanel" aria-hidden="true" class="content" id="create_new_event">
     <div class="small-6 columns ">
       <div class="row">
         <div class="small-3 columns">
-          <h6> Task Name </h6>
+          <h6> Event Name </h6>
         </div>
         <div class="small-9 columns">
-          <input type="text" class="task-name" name="name" placeholder="Enter Task name" />
+          <input type="text" class="task-name" name="name" placeholder="Enter Event name" />
         </div>
       </div>
       <div class="row">
         <div class="small-3 columns">
-          <h6>Task Type:</h6>
+          <h6>Event Type:</h6>
         </div>
         <div class="small-9 columns" >
           <select required="" class="medium" id="task_type" name="Status" data-invalid="" style="background-color:#719dc7;">
-            <option selected="selected" value="Feature" id="Feature">{% trans 'Feature' %}</option>
-            <option value="Support" id="Support">{% trans 'Support' %}</option>
+            <option selected="selected" value="Orientation" id="orientation">{% trans 'Orientation' %}</option>
+            <option value="Lab Session" id="lab_session">{% trans 'Lab Session' %}</option>
+            <option value="Session" id="session">{% trans 'Session' %}</option>
+            <option value="Meeting" id="meeting">{% trans 'Meeting' %}</option>
+            <option value="Field_visit" id="field_fisit">{% trans 'Field Visit' %}</option>
+            <option value="Master Trainer Program" id="master_trainer_program">{% trans 'Master Trainer Program' %}</option>
+            <option value="Course Developers Meeting" id="course_developers_meeting">{% trans 'Course Developers Meeting' %}</option>
+            <option value="Training of Teachers" id="training_of_teachers">{% trans 'Training of Teachers' %}</option>
           </select>
         </div>
       </div>
       <div class="row">
         <div class="small-3 columns"> 
-          <h6>Start Date </h6>
+          <h6>Start Time </h6>
         </div>
         <div class="small-3 columns">
           <input id="start_date" class="start_date" type="text" style="background-color:#719dc7;" placeholder="DD/MM/YYYY" value="" name="start_time" readonly="">
         </div>
         <div class="small-3 columns">
-          <h6>Due Date</h6>
+          <h6>End Time</h6>
         </div>
         <div class="small-3 columns">
           <input id="due_date" class="due_date" type="text" style="background-color:#719dc7;"   placeholder="DD/MM/YYYY" value="" name="due_date" readonly="">
         </div>
       </div>
-      {% comment %}
-      <div class="row">
-        <div class="small-3 columns">
-          <h6> Created By: </h6>
-        </div>
-        <div class="small-9 columns">
-          <input type="text" placeholder="Write the name of the creator" />
+<!--       <div class="row">
+        <div class="small-2 columns">
+          <h6>Online Meeting:</h6>
         </div>
-      </div>
-      {% endcomment %}
-      <div class="row">
-        <div class="small-3 columns">
-          <h6>Status:</h6>
-        </div>
-        <div class="small-9 columns" >
-          <select required="" class="medium" id="task_status" name="status" data-invalid="" style="background-color:#719dc7;">
-            <option selected="selected" value="New" id="New">{% trans 'New' %}</option>
-            <option value="In Progress" id="In Progress">{% trans 'In Progress' %}</option>
-          </select>
+        <div class="small-4 columns">
+          <input type="radio" id="yeschoice"
+          name="yes" value="yes" checked>
+          <label for="yes">Yes</label>
+
+          <input type="radio" id=""
+          name="No" value="No">
+          <label for="No">No</label>
         </div>
       </div>
       <div class="row">
-        <div class="small-3 columns">
-          <h6>Priority</h6>
+        <div class="small-2 columns">
+          <h6>Open Event:</h6>
         </div>
-        <div class="small-9 columns">
-          <select required="" class="medium" id="task_priority" name="priority" data-invalid="" style="background-color:#719dc7;">
-            <option value="Low" id="Low">{% trans 'Low' %}</option>
-            <option value="High" id="High">{% trans 'High' %}</option>
-            <option value="Immediate" id="Immediate">{% trans 'Immediate' %}</option>
-          </select>
+        <div class="small-4 columns">
+          <input type="radio" id="yeschoice"
+          name="yes" value="yes" checked>
+          <label for="yes">Yes</label>
+
+          <input type="radio" id=""
+          name="No" value="No">
+          <label for="No">No</label>
         </div>
-      </div>
+      </div> -->
     </div>
     <div class="small-6 columns vl">
-      <div class="row">
-        <div class="small-3 columns">
-          <h6> Assigned To: </h6>
-        </div>
-        <div class="small-9 columns" style="margin-top:2px;">
-          <a href="#" style="color:#3b7ebe">Add Assignees</a>
-        </div>
-      </div>
-      <div class="row">
-        <div class="small-3 columns">
-          <h6>Supporting Files:</h6>
-        </div>
-        <div class="small-9 columns">
-          <!--<input type="file" class="button" name="" onChange="" id="" value= ""/>-->
-          <a href="#" style="color:#3b7ebe">Upload Files</a>
-          
-        </div>
-      </div>
-      <div class="row">
-        <div class="small-3 columns">
-          <h6>Estimated Hours:</h6>
-        </div>
-        <div class="small-9 columns">
-          <input type="text" placeholder="Approx hours of work" />
-        </div>
-      </div>
-      <div class="row">
-        <div class="small-3 columns">
-          <h6>To be Done By:</h6>
-        </div>
-        <div class="small-9 columns" >
-          <select required="" class="medium" id="customDropdown" name="Status" data-invalid="" style="background-color:#719dc7;">
-            <option selected="selected" value="Single Assignee" id="Single Assignee">{% trans 'Single Assignee' %}</option>
-            <option value="Multiple Assignee" id="Multiple Assignee">{% trans 'Multiple Assignee' %}</option>
-            <option value="Group Assignee" id="Group Assignee">{% trans 'Group Assignee' %}</option>
-          </select>
-        </div>
-      </div>
       <div class="row">
         <div class="small-3 columns">
           <h6>Notes:</h6>
@@ -321,7 +284,7 @@ <h6>Notes:</h6>
       <button type="button" class="button expand" style="background-color:#164A7B; border-radius:10px;">Cancel</button>
     </div>
     <div class="small-2 columns right">
-      <button type="button" class="button expand create-task-btn" style="background-color:#164A7B; border-radius:10px;">Create Task</button>
+      <button type="button" class="button expand create-event-btn" style="background-color:#164A7B; border-radius:10px;">Create Event</button>
     </div>
   </section>
 </div>
@@ -387,6 +350,10 @@ <h6>Notes:</h6>
     });
   });
 
+  $(".create-event-btn").click(function(){
+
+  });
+
 
 </script>
 
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/urls/event.py b/gnowsys-ndf/gnowsys_ndf/ndf/urls/event.py
index 08861d73e1..d763f09f06 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/urls/event.py
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/urls/event.py
@@ -4,6 +4,7 @@
     url(r'^[/]$', 'event', name='event'),
     url(r'^/(?P<app_set_id>[\w-]+)$', 'event_detail', name='event_list'),
     url(r'^/create/(?P<app_set_id>[\w-]+)/new/$', 'event_create_edit', name='event_app_instance_create'),
+    url(r'^/gcreate/(?P<app_set_id>[\w-]+)/new/$', 'gevent_create_edit', name='gevent_app_instance_create'),
     url(r'^/edit/(?P<app_set_id>[\w-]+)/(?P<app_set_instance_id>[\w-]+)$', 'event_create_edit', name='event_app_instance_edit'),
     url(r'^/(?P<app_set_id>[\w-]+)$', 'event_detail', name='event_app_detail'),      # event_app_detail
     url(r'^/(?P<app_set_id>[\w-]+)/(?P<app_set_instance_id>[\w-]+)$', 'event_detail', name='event_app_instance_detail'),

From 75dfccb04006eac09459b02703701eda603c75b4 Mon Sep 17 00:00:00 2001
From: tirthakarmahesh211 <tirthakarmahesh211@gmail.com>
Date: Tue, 13 Mar 2018 17:51:59 +0530
Subject: [PATCH 27/27] event url is commited

---
 gnowsys-ndf/gnowsys_ndf/ndf/urls/event.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/urls/event.py b/gnowsys-ndf/gnowsys_ndf/ndf/urls/event.py
index d763f09f06..5cde18c808 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/urls/event.py
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/urls/event.py
@@ -4,7 +4,7 @@
     url(r'^[/]$', 'event', name='event'),
     url(r'^/(?P<app_set_id>[\w-]+)$', 'event_detail', name='event_list'),
     url(r'^/create/(?P<app_set_id>[\w-]+)/new/$', 'event_create_edit', name='event_app_instance_create'),
-    url(r'^/gcreate/(?P<app_set_id>[\w-]+)/new/$', 'gevent_create_edit', name='gevent_app_instance_create'),
+    # url(r'^/gcreate/(?P<app_set_id>[\w-]+)/new/$', 'gevent_create_edit', name='gevent_app_instance_create'),
     url(r'^/edit/(?P<app_set_id>[\w-]+)/(?P<app_set_instance_id>[\w-]+)$', 'event_create_edit', name='event_app_instance_edit'),
     url(r'^/(?P<app_set_id>[\w-]+)$', 'event_detail', name='event_app_detail'),      # event_app_detail
     url(r'^/(?P<app_set_id>[\w-]+)/(?P<app_set_instance_id>[\w-]+)$', 'event_detail', name='event_app_instance_detail'),